@charset "UTF-8";
/* UI Update Default 1.0 RC 1 */
/* @group 1. Theme Variables */
/* @group 1. Theme Variables */
/* @group 1.1 Theme Colors */
/* STANDARD COLORS */
/* Do not modify this value */
/* Baseline height to determine how content is shifted - only use if content is covered by Omnibar. Default is 78px and is defined using $default-omnibar-height. */
/* @end */
/* @group 1.2 Interface Variables */
/* @end */
/* @end */
/* @group 1.1 Theme Colors */
/* STANDARD COLORS */
/* Do not modify this value */
/* Baseline height to determine how content is shifted - only use if content is covered by Omnibar. Default is 78px and is defined using $default-omnibar-height. */
/* @end */
/* @group 1.2 Interface Variables */
/* @end */
/* @end */
/* @group 2. Imports */
/* UI Update Base SCSS */
/* 
	Name:			color-schemes.scss
	Description:	Default colors for PokéCommunity sections and sub-sites.

*/
/* PokéCommunity Team, Service and Area Colors */
/* Individual Section Colors */
.staff-post {
  color: white;
  font-weight: bold;
  padding: 4px 10px 4px 20px;
  font-size: 80%;
}

.staffpost-icon {
  max-height: 1em !important;
  max-width: 1em !important;
  width: auto;
  height: auto;
}

.former-staff-post {
  opacity: 0.8;
}

/* usergroup-specific CSS */
.staff-post-mod,
.staff-post-gmod {
  background-color: #4682b4;
}

.staff-post-fangames {
  background-color: #ca9945;
}

.staff-post-smod {
  background-color: #ff9900;
}

.staff-post-admin {
  background-color: #F25E81;
}

.staff-post-owner {
  background-color: #660099;
}

.staff-post-smt {
  background-color: #0faaa5;
}

.staff-post-daily {
  background-color: #ff8100;
}

.staff-post-vip-silver {
  background-color: #8f8f8f;
}

.staff-post-vip-gold {
  background-color: #cb9a3c;
}

.staff-post-vip-crystal {
  background-color: #4e9dda;
}

.staff-post-vip-platinum {
  background-color: #5d8695;
}

.staff-post-gt {
  background-color: #00ab59;
}

.staff-post-dev {
  background-color: #308D5E;
}

.staff-post-event {
  background-color: #63d200;
}

.staff-post-moderoid {
  background-color: #7289DA;
}

.staff-post-bss {
  background-color: #c21d8b;
}

.staff-post-luvdisc {
  background-color: #ff3077;
}

/* @group 1. Key Classes */
/* @group 1.1 Generic HTML Overrides and Modifiers */
html, body {
  height: 100%;
  font-size: 16px;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400 !important;
  background: #2a2a2a url("/images/styles/thejohtoelite/page/25jjgqb.png") repeat-x top left;
  color: #eee;
  margin: 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
body > * {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
}
body > .page-container {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

a, .body_alink {
  color: #c8dcf0;
  text-decoration: none;
}

a:hover, a:active {
  color: #f0dfc8;
}

.body_ahover {
  color: #f0dfc8;
}

img {
  /* we want to ensure images look consistent across browsers */
  -ms-interpolation-mode: bicubic;
}

pre {
  word-break: normal;
  white-space: pre-wrap;
}

.bbcodeblock {
  width: 100%;
}

.form-control {
  font-size: 16px;
}
.form-control.input-sm {
  font-size: 0.75rem;
}
.form-control.input-lg {
  font-size: 1.125rem;
}

/*
.form-control#message {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 10pt;
}
*/
.btn {
  border-radius: 0;
}

.btn.active, .btn:active {
  box-shadow: none;
  background-image: linear-gradient(rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.03));
}

.input-group-btn .btn {
  border-radius: 4px;
}

.emoji {
  height: 1.2em;
  margin-left: 0.15em;
  margin-right: 0.15em;
  vertical-align: baseline;
}

.loading {
  /*
    font-size: 150%;
    color: RGBA(51, 122, 183, 1.00);
    text-shadow: 2px 2px 0 RGBA(255, 255, 255, 1.00);
  */
}

/*
.btn.btn-default {
}

.btn.btn-default:hover, .btn.btn-default:focus {
  color: $primary-action-button-color;
  background-color: #e6f4ff;
}

.btn.btn-default:active, .btn.btn-default.active {
  color: $primary-action-button-color;
  background-color: #daeeff;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  opacity: 0.3;
}
*/
div.page-container {
  /* Controls the entire page wrapper */
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
div.page-container > * {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
}
div.page-container > div.page {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Content under the header */
}
div.page-container > div.page > * {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
}
div.page-container > div.page > div.page-content {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  /* Content presented between the header and footer */
  margin: 0;
}

@media (min-width: 768px) {
  div.page-container {
    margin: 0;
  }
  div.page-container > div.page > div.page-content {
    margin: 10px 30px;
  }
}
@media (min-width: 992px) {
  div.page-container > div.page > div.page-content {
    margin: 10px 50px;
  }
}
/* @end */
/* @group 1.2 Header */
.forum-banner {
  min-height: 50px;
  /* one-line banners and banners without padding will remain obscured by the navbar but are high enough that the content never goes under it */
}

/* when no banner is specified and the style is unmodified */
.header-image-generic {
  display: block;
  background-image: url("https://www.pokecommunity.com/styles/default/alola_sm_filter.jpg");
  background-position: center 20%;
  background-size: cover;
  padding-top: 78px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.header-image-generic .generic-pc-logo {
  margin-top: 10px;
  height: 60px;
}
.header-image-generic .generic-pc-logo-text {
  margin-top: -5px;
  margin-bottom: 10px;
  height: 20px;
}

@media (min-width: 768px) {
  .header-image-generic {
    vertical-align: middle !important;
  }
  .header-image-generic .generic-pc-logo {
    margin-top: 10px;
    height: 135px;
  }
  .header-image-generic .generic-pc-logo-text {
    margin-top: -10px;
    margin-bottom: 10px;
    height: 45px;
  }
}
/* @end */
/* @group 1.3 Navigation */
/* **** for all dropdown menus **** */
.dropdown-menu {
  background-color: #404040;
  -webkit-backdrop-filter: blur(5px);
  color: #eee;
  backdrop-filter: blur(5px);
}
.dropdown-menu a {
  color: #eee;
}
.dropdown-menu > li > a {
  color: #eee;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  color: white;
  background-color: #262626;
}
.dropdown-menu.dropdown-menu-checkbox > li > a {
  padding-left: 5px;
}

/* key omnibar classes */
.omnibar {
  border: 0;
  border-radius: 0;
  min-height: 20px;
  margin-bottom: 0;
  /*
    background: #fefefe;
    background: rgba(255, 255, 255, 0.95);
  */
  background: #404040;
  background: rgba(64, 64, 64, 0.9);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  top: 0;
  border-width: 0 0 1px;
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1100;
  box-shadow: 0 1px rgba(0, 0, 0, 0.15);
}
.omnibar.board-inactive .app-title:after {
  content: "Site Offline";
  white-space: nowrap;
  color: #ff8d00;
  margin-left: 10px;
  font-size: 0.6rem;
  font-weight: 700;
  position: absolute;
  text-transform: uppercase;
}
.omnibar .community-nav {
  display: block;
  background-color: rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 -1px 2px -2px rgba(0, 0, 0, 0.5);
  position: static;
  overflow-y: hidden;
  transition: height 0.2s ease;
}
.omnibar .community-nav.nav-unfixed {
  position: static;
  height: 0;
}
.omnibar .community-nav button.explore-PC {
  padding-top: 4px;
  padding-bottom: 4px;
  float: left;
  color: white;
  background: none;
  box-shadow: none;
}
.omnibar .community-nav .navbar-nav > li > a {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 0.875rem;
  font-weight: 300;
  text-transform: uppercase;
  transition: background-color 0.1s ease;
  color: white;
  /*

        &:hover, &:active {
          background-color: rgba(227, 66, 26, 0.7);
          color: white;
        }
  */
}
.omnibar .omnibar-menubar {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.omnibar .omnibar-menubar .navbar-header {
  float: left;
  margin-left: -15px;
}
.omnibar .omnibar-menubar .navbar-header .navbar-brand {
  height: 50px;
  width: 50px;
  padding: 0;
  background-color: rgba(227, 66, 26, 0.9) !important;
}
.omnibar .omnibar-menubar .navbar-header .navbar-brand .brandimage {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  background: url("https://www.pokecommunity.com/images/pc-logo-e3421a.svg") no-repeat center;
  background-image: url("https://www.pokecommunity.com/images/pc-logo-fff.svg");
  background-size: cover;
}
.omnibar .omnibar-menubar .navbar-header .navbar-brand .brandimage .brandimage-selectable {
  max-width: 100%;
  opacity: 0;
}
.omnibar .omnibar-menubar .navbar-nav {
  /* positioning classes */
  float: left;
  margin: 0;
  margin-left: 15px;
  /* breadcrumb */
  /* nodes */
}
.omnibar .omnibar-menubar .navbar-nav.navbar-right {
  float: right !important;
  margin-right: -15px;
  margin-left: 0;
}
.omnibar .omnibar-menubar .navbar-nav.navbar-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.omnibar .omnibar-menubar .navbar-nav.nav-breadcrumb li a {
  font-size: 0.875rem;
  padding: 15px 10px;
  display: none;
  color: #555;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
  transition-property: max-width;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.omnibar .omnibar-menubar .navbar-nav.nav-breadcrumb li:nth-last-of-type(7) a {
  background-color: #d9d9d9;
}
.omnibar .omnibar-menubar .navbar-nav.nav-breadcrumb li:nth-last-of-type(6) a {
  background-color: #dbdbdb;
}
.omnibar .omnibar-menubar .navbar-nav.nav-breadcrumb li:nth-last-of-type(5) a {
  background-color: #dddddd;
}
.omnibar .omnibar-menubar .navbar-nav.nav-breadcrumb li:nth-last-of-type(4) a {
  background-color: #e1e1e1;
}
.omnibar .omnibar-menubar .navbar-nav.nav-breadcrumb li:nth-last-of-type(3) a {
  background-color: #e3e3e3;
}
.omnibar .omnibar-menubar .navbar-nav.nav-breadcrumb li:nth-last-of-type(2) a {
  background-color: #e5e5e5;
}
.omnibar .omnibar-menubar .navbar-nav.nav-breadcrumb li:first-of-type a {
  background-color: #d7d7d7;
  color: #555;
}
.omnibar .omnibar-menubar .navbar-nav.nav-breadcrumb li:nth-last-of-type(1) a {
  display: block;
  background-color: #f0f0f0;
  color: #555;
  letter-spacing: -1.3px;
  max-width: 120px;
}
.omnibar .omnibar-menubar .navbar-nav > li {
  /* default appearance */
  float: left;
  /* title of area displayed next to logo */
  /* specific menus / specific menu behaviors */
}
.omnibar .omnibar-menubar .navbar-nav > li > a {
  color: white;
  padding: 15px;
}
.omnibar .omnibar-menubar .navbar-nav > li > a > .badge {
  padding: 2px 4px;
  position: absolute;
  bottom: 10px;
  right: 7px;
  font-size: 0.65rem;
  background: #db3c12;
  color: white;
}
.omnibar .omnibar-menubar .navbar-nav > li.open > a {
  color: #555;
  background-color: #e7e7e7;
}
.omnibar .omnibar-menubar .navbar-nav > li.open > a:focus, .omnibar .omnibar-menubar .navbar-nav > li.open > a:hover {
  color: #555;
  background-color: #e7e7e7;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .tile-items {
  padding: 0 5px;
  color: #666666;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .tile-items .menu-item {
  display: block;
  float: left;
  width: 33%;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .tile-items .menu-item a {
  display: block;
  text-align: center;
  height: calc(7em + 4px);
  padding: 10px 5px;
  color: #eee;
  font-size: 0.75rem;
  line-height: 1.2;
  text-decoration: none;
  border-radius: 2px;
  position: relative;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .tile-items .menu-item a:hover, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .tile-items .menu-item a:active {
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.05);
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .tile-items .menu-item a .menu-item-icon {
  font-size: 2rem;
  color: #666;
  height: 46px;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .tile-items .menu-item a .menu-item-image {
  height: 46px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .tile-items .menu-item a .menu-item-image img {
  height: 32px;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .tile-items .menu-item a .badge {
  position: absolute;
  top: 10px;
  right: 20px;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .notifications-list, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .messages-list {
  padding: 0;
  max-height: 500px;
  max-height: 70vh;
  max-height: calc(100vh - 150px);
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .notifications-list .notification-bit, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .messages-list .notification-bit {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  max-width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .notifications-list .notification-bit.loading-strip, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .messages-list .notification-bit.loading-strip {
  padding: 3px 20px;
  padding-top: 8px;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .notifications-list .notification-bit.unread, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .messages-list .notification-bit.unread {
  background-color: rgba(216, 238, 255, 0.3);
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .notifications-list .notification-bit:hover, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .notifications-list .notification-bit:focus, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .messages-list .notification-bit:hover, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .messages-list .notification-bit:focus {
  background-color: rgba(236, 236, 236, 0.4);
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .notifications-list .notification-bit.unread:hover, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .notifications-list .notification-bit.unread:focus, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .messages-list .notification-bit.unread:hover, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .messages-list .notification-bit.unread:focus {
  background-color: rgba(216, 238, 255, 0.7);
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .notifications-list .notification-bit:last-of-type, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .messages-list .notification-bit:last-of-type {
  border-bottom: 0;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .notifications-list .notification-bit a, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .messages-list .notification-bit a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  min-height: 60px;
  color: inherit;
  text-decoration: none;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 3px 20px;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .notifications-list .notification-bit a .avatar-container, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .messages-list .notification-bit a .avatar-container {
  width: 48px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-right: 8px;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .notifications-list .notification-bit a .avatar-container .avatar, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .messages-list .notification-bit a .avatar-container .avatar {
  max-width: 48px;
  max-height: 48px;
  width: auto;
  height: auto;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .notifications-list .notification-bit a.link-item, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .messages-list .notification-bit a.link-item {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bold;
  font-size: 90%;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  min-height: initial;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .notifications-list .notification-bit a div.notification-data, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .messages-list .notification-bit a div.notification-data {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .notifications-list .notification-bit a div.notification-data .notification-message, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .messages-list .notification-bit a div.notification-data .notification-message {
  font-size: 100%;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .notifications-list .notification-bit a div.notification-data .notification-message .notification-time, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .messages-list .notification-bit a div.notification-data .notification-message .notification-time {
  float: right;
  font-size: 80%;
  margin-top: 3px;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .notifications-list .notification-bit a div.notification-data .notification-subject, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .messages-list .notification-bit a div.notification-data .notification-subject {
  font-size: 80%;
  color: #538fca;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .notifications-list .notification-bit a div.notification-data .notification-sample, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .messages-list .notification-bit a div.notification-data .notification-sample {
  font-size: 80%;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu > li > form.search > .form-group {
  padding: 3px 20px;
  margin: 0;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu > li.notification-bit:hover, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu > li.notification-bit:focus {
  background-color: #d3e6f4;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu > li > a.notification-content {
  clear: left;
  min-height: 60px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu > li > a.notification-content > div.notification-data {
  white-space: normal;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu > li > a.notification-content img.avatar {
  float: left;
  max-height: 48px;
  max-width: 48px;
  margin-right: 10px;
  -webkit-align-self: center;
  -ms-align-self: center;
  align-self: center;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu > li > a.notification-clearbuttonlink {
  float: right;
  display: inline;
  padding: 5px;
  width: 24px;
  height: 24px;
  margin-right: 15px;
  margin-top: 3px;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu > li > a.notification-clearbuttonlink img {
  height: 100%;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu > li.option-container {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  color: #eee;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu > li.option-container h1 {
  margin-top: 0;
  margin-bottom: 6px;
  font-weight: 300;
  font-size: 18px;
  text-align: center;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu > li.notifyalert {
  display: block;
  clear: both;
  font-weight: 400;
  color: #eee;
  white-space: nowrap;
  max-width: 100%;
  padding: 20px 30px;
  text-align: center;
  white-space: normal;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu > li.notifyalert span.icon {
  font-size: 80px;
  color: #ddd;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu > li.notifyalert h1 {
  margin-top: 10px;
  margin-bottom: 6px;
  font-weight: 300;
  font-size: 18px;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu > li.notifyalert p {
  margin: 0;
  font-weight: 700;
  font-size: 8pt;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu > li > span.welcome-text {
  max-width: 250px;
  white-space: normal;
  font-weight: 700;
  font-size: 8pt;
  color: #555;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .dropdown-header.styled-header, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .dropdown-header.notifications-header {
  border-bottom: 1px solid #e5e5e5;
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  padding-top: 6px;
  padding-bottom: 6px;
  margin-top: -5px;
  margin-bottom: 7px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .dropdown-header.styled-header h1, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .dropdown-header.notifications-header h1 {
  font-weight: 700;
  font-size: 130%;
  margin: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .dropdown-header.styled-header > a.dropdown-header-button, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .dropdown-header.notifications-header > a.dropdown-header-button {
  padding: 3px 10px;
  color: #eee;
  color: rgba(0, 0, 0, 0.5);
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .dropdown-header.styled-header > a.dropdown-header-button:hover, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .dropdown-header.styled-header a.dropdown-header-button:focus, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .dropdown-header.notifications-header > a.dropdown-header-button:hover, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .dropdown-header.notifications-header a.dropdown-header-button:focus {
  background-color: inherit;
  color: black;
}
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .dropdown-header.notifications-header {
  margin-bottom: 0;
}
.omnibar .omnibar-menubar .navbar-nav > li > a.app-title {
  font-weight: 300;
  font-size: 15pt;
  padding-left: 10px;
  color: white !important;
  margin-left: 0;
}
.omnibar .omnibar-menubar .navbar-nav > li.user-menu > a {
  background: #f7f7f7;
  background: rgba(255, 255, 255, 0.95);
  color: #222;
}
.omnibar .omnibar-menubar .navbar-nav > li.user-menu > a .username {
  display: none;
}
.omnibar .omnibar-menubar .navbar-nav > li.user-menu > a .useravatar {
  max-height: 40px;
  max-width: 90px;
  height: auto;
  width: auto;
}

.omnibar .dropdown-menu > li.notification-bit > a:hover, .dropdown-menu > li.notification-bit > a:focus {
  background-color: inherit;
  color: #333;
}

.omnibar .core-nav-usertools > li {
  display: none;
}
.omnibar .core-nav-usertools > li:nth-last-child(-n+4) {
  display: block;
}

.forumhome .omnibar .core-nav-usertools > li:nth-last-child(-n+5) {
  display: block;
}

@media (max-width: 374px) {
  /* This isn't a standard Bootstrap breakpoint so don't use it unless you have a good reason */
  .omnibar .breadcrumb-node-label {
    display: none;
  }
  .omnibar .breadcrumb-node-label-back {
    display: inline;
  }
  .omnibar .nav .nav-home a {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 90%;
  }
  .omnibar .dropdown-menu {
    /* the 3DS browser is truly terrible */
    max-height: 70vh;
    overflow: auto;
  }
  .omnibar .dropdown.user-menu > a {
    padding: 15px 10px !important;
  }
}
@media (min-width: 375px) {
  /* iPhone 6 display width */
  .omnibar .breadcrumb-node-label {
    display: inline;
  }
  .omnibar .breadcrumb-node-label-back {
    display: none;
  }

  .omnibar .core-nav-usertools > li {
    display: none;
  }
  .omnibar .core-nav-usertools > li:nth-last-child(-n+4) {
    display: block;
  }

  .forumhome .omnibar .core-nav-usertools > li:nth-last-child(-n+6) {
    display: block;
  }
}
@media (min-width: 425px) {
  /* extended breakpoint for omnibar only */
  .omnibar .core-nav-usertools > li {
    display: none;
  }
  .omnibar .core-nav-usertools > li:nth-last-child(-n+5) {
    display: block;
  }

  .forumhome .omnibar .core-nav-usertools > li:nth-last-child(-n+7) {
    display: block;
  }
}
@media (min-width: 475px) {
  /* extended breakpoint for omnibar only */
  .omnibar .core-nav-usertools > li {
    display: none;
  }
  .omnibar .core-nav-usertools > li:nth-last-child(-n+6) {
    display: block;
  }

  .forumhome .omnibar .core-nav-usertools > li:nth-last-child(-n+8) {
    display: block;
  }
}
@media (max-width: 767px) {
  .omnibar .community-nav button.explore-PC {
    display: block;
    width: 100%;
    text-align: left;
    float: none;
  }
  .omnibar .community-nav ul.navbar-nav {
    display: none;
    float: none;
  }
  .omnibar .community-nav ul.navbar-nav.closed {
    display: none !important;
  }
  .omnibar .community-nav ul.navbar-nav > li {
    float: none;
  }
  .omnibar .community-nav ul.navbar-nav > li > a {
    float: none;
    display: block;
    font-size: 1.1em;
    font-weight: 300;
    padding: 7px 12px;
  }
  .omnibar .nav > li {
    position: static;
  }
  .omnibar .nav > li > a {
    position: static;
  }
  .omnibar .nav > li > a.dropdown-toggle {
    position: relative;
  }
  .omnibar .navbar-nav .open .dropdown-menu {
    position: absolute;
    left: 0;
    right: 0;
    float: right;
    background-color: #404040;
    background-color: rgba(64, 64, 64, 0.95);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border-radius: 0;
  }
}
@media (min-width: 768px) {
  .omnibar .community-nav {
    height: 28px;
  }
  .omnibar .community-nav button.explore-PC {
    display: none;
  }
  .omnibar .omnibar-menubar .navbar-header {
    margin-left: 0;
  }
  .omnibar .omnibar-menubar .navbar-nav {
    margin-left: 0;
  }
  .omnibar .omnibar-menubar .navbar-nav.nav-breadcrumb li a {
    padding: 15px 15px;
  }
  .omnibar .omnibar-menubar .navbar-nav li.user-menu a.dropdown-toggle {
    font-size: 15px;
    font-weight: 500;
    padding: 0 6px;
    height: 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .omnibar .omnibar-menubar .navbar-nav li.user-menu a.dropdown-toggle .useravatar {
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
  }
  .omnibar .omnibar-menubar .navbar-nav li.user-menu a.dropdown-toggle .username {
    display: inline-block;
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
    margin-right: 6px;
    margin-left: 6px;
    font-weight: 300;
  }
  .omnibar .omnibar-menubar .navbar-nav li.user-menu.login-menu a.dropdown-toggle {
    padding-left: 15px;
    padding-right: 15px;
  }
  .omnibar .omnibar-menubar .navbar-nav li.user-menu.nav-breadcrumb li.nav-home {
    display: none;
  }
  .omnibar .omnibar-menubar .navbar-nav li.user-menu.nav-breadcrumb li:first-of-type a {
    display: block;
  }
  .omnibar .omnibar-menubar .navbar-nav li.user-menu.nav-breadcrumb li:nth-last-of-type(1) a {
    display: block;
    letter-spacing: 0;
    max-width: 200px;
  }
  .omnibar .omnibar-menubar .navbar-nav li.user-menu.nav-breadcrumb li.nav-home:nth-last-of-type(1) {
    display: block;
  }
  .omnibar .omnibar-menubar .dropdown-menu .notification-bit {
    width: 450px;
  }
  .omnibar .omnibar-menubar .dropdown-menu > li.notifyalert {
    width: 450px;
  }
  .omnibar .omnibar-menubar .dropdown-header.notifications-header > a.dropdown-header-button:last-of-type {
    margin-right: -10px;
  }
  .omnibar .omnibar-menubar li.user-menu ul.dropdown-menu, .omnibar .omnibar-menubar li.reports-menu ul.dropdown-menu {
    width: 320px;
  }
}
@media (min-width: 992px) {
  .omnibar .omnibar-menubar .navbar-nav.nav-breadcrumb li:nth-last-of-type(1) a {
    letter-spacing: 0;
    max-width: 200px;
  }
  .omnibar .omnibar-menubar .navbar-nav.nav-breadcrumb li:nth-last-of-type(1):hover a {
    max-width: 300px;
  }
}
@media (min-width: 1200px) {
  .omnibar .omnibar-menubar .core-nav-usertools > li {
    display: block;
  }
  .omnibar .omnibar-menubar .navbar-nav.nav-breadcrumb li a {
    display: block;
    max-width: 120px;
  }
  .omnibar .omnibar-menubar .navbar-nav.nav-breadcrumb li:hover a {
    max-width: 250px;
  }
  .omnibar .omnibar-menubar .navbar-nav.nav-breadcrumb li:first-of-type a {
    max-width: inherit;
  }
  .omnibar .omnibar-menubar .navbar-nav.nav-breadcrumb li:nth-last-of-type(1) a {
    max-width: 250px;
  }
  .omnibar .omnibar-menubar .navbar-nav.nav-breadcrumb li:nth-last-of-type(1):hover a {
    max-width: 400px;
  }
  .omnibar .omnibar-menubar .navbar-nav.nav-breadcrumb li.nav-home a {
    display: none;
  }
  .omnibar .omnibar-menubar .navbar-nav.nav-breadcrumb li.nav-home:nth-last-of-type(1) a {
    display: block;
  }
}
/* @end */
/* @end */
/* @group 1.3 Footer */
footer.page-footer {
  padding: 20px 35px;
  clear: both;
  background-color: #444;
  color: #fff;
}
footer.page-footer h3 {
  color: #9fdcf8;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}
footer.page-footer a {
  color: inherit;
}
footer.page-footer ul.meta-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
}
footer.page-footer ul.meta-links li {
  display: block;
  margin: 0 10px;
  font-size: 90%;
  font-weight: bold;
}
footer.page-footer ul.meta-links li:first-of-type {
  margin-left: 0;
}
footer.page-footer ul.meta-links li:last-of-type {
  margin-right: 0;
}
footer.page-footer .col-sm-3 select {
  max-width: 100%;
}
footer.page-footer div.footer-text {
  margin-top: 20px;
  font-size: 85%;
}
footer.page-footer div.footer-text a {
  font-weight: bold;
}
footer.page-footer div.footer-text .meta-softwareversion {
  font-size: 80%;
  color: #999;
}
footer.page-footer .footer-brand {
  text-align: center;
}
footer.page-footer .footer-brand .footer-logo {
  display: block;
  background: url("https://www.pokecommunity.com/images/pc-textlogo-fff.svg") no-repeat center;
  background-size: contain;
}
footer.page-footer .footer-brand .footer-logo .footer-logo-img {
  height: 30px;
  opacity: 0;
}
footer.page-footer .footer-brand .slogan {
  margin-top: -7px;
  font-size: 8pt;
  color: #8b8b8b;
}
footer.page-footer ul.footer-pc-services {
  margin: 0;
  padding: 0;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
footer.page-footer ul.footer-pc-services li {
  display: inline;
}
footer.page-footer ul.footer-pc-services li a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: 3px;
  text-align: center;
  background: #727272;
  color: white;
  font-size: 24px;
  opacity: 0.9;
  vertical-align: bottom;
  transition: 0.15s all ease;
  box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.1);
}
footer.page-footer ul.footer-pc-services li a.enabled:hover, footer.page-footer ul.footer-pc-services li a.enabled:focus {
  opacity: 1;
  box-shadow: inset 0 0 0 5px rgba(0, 0, 0, 0.1);
}
footer.page-footer ul.style-accents {
  padding: 0;
  margin: 0;
  display: flex;
}
footer.page-footer ul.style-accents > li.accent {
  display: block;
  margin: 10px 5px;
}
footer.page-footer ul.style-accents > li.accent > a {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50px;
  font-size: 0;
  color: transparent;
  background: #aaa;
  transition: 0.2s all ease;
  box-shadow: 0 0 0 1px white;
  opacity: 0.9;
}
footer.page-footer ul.style-accents > li.accent:hover > a, footer.page-footer ul.style-accents > li.accent:focus > a {
  box-shadow: 0 0 0 3px #00ddff;
  opacity: 1;
}
footer.page-footer ul.style-accents > li.accent.accent-selected > a {
  box-shadow: 0 0 0 3px #00ddff;
  opacity: 1;
}
footer.page-footer ul.style-accents > li.accent:active > a {
  box-shadow: 0 0 0 5px #00ddff;
  opacity: 1;
  transition: 0.1s all ease;
}

@media (min-width: 768px) {
  footer.page-footer .row.above-footer-text {
    display: flex;
    align-items: center;
  }
}
/* @end */
/* @end */
/* @group 2. Common Elements */
/* @group 2.1 Display Elements */
.key-text {
  /* Centered and displayed outside any blocks (generally for direct child nodes in the body)
    and used for emphasis. Use for stuff like loading messages or explanations of what page
    a user is on when it's not clearly defined. */
  text-align: center;
}

.replies-link a {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
  padding: 2px 10px;
  font-size: 10pt;
  font-weight: 700;
  background: #646464;
  color: white;
  position: relative;
  float: right;
  text-decoration: none;
  z-index: 100;
}
.replies-link a:before {
  border-top: 0px solid transparent;
  border-right: 10px solid #646464;
  border-bottom: 10px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  top: 0;
  left: -8px;
  width: 0;
}
.replies-link a:hover, .replies-link a:focus {
  background-color: #e3421a;
  color: white;
}
.replies-link a:hover:before, .replies-link a:focus:before {
  border-right-color: #e3421a;
}

/*
.bulletinpost-daily .replies-link {
  display: none;
}
*/
.block {
  box-shadow: 0 10px 10px 2px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 0;
  background: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  /*
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
  */
}
.block::after {
  display: table;
  content: "";
  clear: both;
}
.block > header {
  padding: 5px 12px;
  color: #eee;
  position: relative;
  border-bottom: 3px solid #eee;
  background-color: #eee;
}
.block > header:last-child {
  border-bottom: 0;
}
.block > header.has-controls {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.block > header.has-controls > .titlegroup {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.block > header.has-controls > .toolbar {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.block > header.has-controls > .toolbar > ul > li > a {
  padding: 0px 10px;
}
.block > header::after {
  display: table;
  content: "";
  clear: both;
}
.block > header h1, .block > header h2, .block > header h3, .block > header h4, .block > header h5, .block > header h6 {
  margin: 0;
  font-size: 100%;
  font-weight: 800;
  color: #646464;
}
.block > header h1 > a, .block > header h2 > a, .block > header h3 > a, .block > header h4 > a, .block > header h5 > a, .block > header h6 > a {
  color: #646464;
}
.block > header .subtitle {
  display: none;
}
.block > header .minor-heading {
  font-size: 85%;
  text-transform: uppercase;
  font-weight: bold;
  color: #999999;
}
.block > header .actions {
  position: relative;
  flex-direction: row;
  right: inherit;
  bottom: inherit;
  margin-left: 10px;
  z-index: inherit;
}
.block > header .actions .action {
  margin-top: 0;
  height: 40px;
  width: 40px;
  margin-left: 10px;
  box-shadow: none;
  font-size: 20px;
  color: #eee;
  background-color: #aaa;
}
.block > header .actions .action.favorite.favorited {
  background-color: #ec0044;
  color: white;
}
.block > header .actions .action.save {
  background-color: #337ab7;
  color: white;
}
.block > .content, .block form > .content {
  padding: 6px 12px;
}
.block > .content > div.content-row, .block form > .content > div.content-row {
  background-color: #303030;
}
.block > .content > div.content-row:nth-of-type(even), .block form > .content > div.content-row:nth-of-type(even) {
  background-color: #323232;
}
.block > .content h2.block-h2, .block form > .content h2.block-h2 {
  margin-top: 0;
  font-size: 14px;
  font-weight: bold;
}
.block h2.sectiontitle {
  margin-top: 6px;
  margin-bottom: 6px;
  font-size: 110%;
  font-weight: 700;
  color: inherit;
}
.block h2.sectiontitle a {
  color: inherit;
}
.block .controls.block-foot {
  margin-top: 10px;
  color: #8a8a8a;
  padding: 4px 10px;
  /*display: -webkit-box;*/
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 768px) {
  .block .controls.block-foot {
    font-size: 80%;
  }
}
.block .controls.block-foot > ul {
  padding: 0;
  margin: 0;
  position: relative;
}
.block .controls.block-foot > ul.controls-meta {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.block .controls.block-foot > ul > li {
  display: block;
  float: left;
}
.block .controls.block-foot > ul > li > a {
  display: block;
  text-decoration: none;
  color: #777;
  padding: 5px 10px;
}
.block .controls.block-foot > ul > li > a.likes {
  cursor: pointer;
  margin-left: -5px;
  padding-left: 0;
}
.block .controls.block-foot > ul > li > a.control-highlighted {
  color: #478cc4;
}
.block .controls.block-foot > ul > li > a.control-highlighted:hover, .block .controls.block-foot > ul > li > a.control-highlighted:focus {
  color: #478cc4;
}
.block .controls.block-foot > ul > li.open > a.dropdown-toggle {
  color: #111;
}
.block .controls.block-foot > ul > li.control-message {
  padding: 5px 10px;
}
.block .controls.block-foot > ul > li.control-message a {
  display: initial;
  padding: initial;
  color: inherit;
  text-decoration: inherit;
}
.block .controls.block-foot > ul > li.checkbox-control {
  padding: 5px 0;
}
.block .controls.block-foot.submitrow {
  display: block;
  text-align: center;
}
.block.block-borderless {
  box-shadow: none;
  background: none;
}
.block.block-borderless > header {
  border: 0;
  padding: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  background: none;
}
.block.block-mini > header {
  padding: 5px 8px;
  border-bottom-width: 2px;
}
.block.block-mini > header h1, .block.block-mini > header h2, .block.block-mini > header h3, .block.block-mini > header h4, .block.block-mini > header h5, .block.block-mini > header h6 {
  font-size: 100%;
}
.block .sub-block {
  border: 0;
  box-shadow: none;
  margin-top: 0;
  margin-bottom: 5px;
}
.block .sub-block:last-of-type {
  margin-bottom: 0;
}
.block .sub-block > header {
  color: #eee;
  border-bottom: 1px solid #eee;
  background-color: #323232;
}
.block .sub-block > header h1, .block .sub-block > header h2, .block .sub-block > header h3, .block .sub-block > header h4, .block .sub-block > header h5, .block .sub-block > header h6, .block .sub-block > header .title {
  color: #eee;
}
.block .sub-block > header h1 > a, .block .sub-block > header h2 > a, .block .sub-block > header h3 > a, .block .sub-block > header h4 > a, .block .sub-block > header h5 > a, .block .sub-block > header h6 > a, .block .sub-block > header .title > a {
  color: #eee;
}
.block .sub-block .controls.block-foot {
  background: #fafafa;
  border-top: 0;
}
.block .block-alerts .alert {
  border-radius: 0;
  border-width: 0;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 90%;
}
.block .block-alerts .alert:after {
  content: "";
  display: table;
  clear: both;
}
.block .block-alerts .alert:not(.alert-old) {
  display: flex;
}
.block .block-alerts .alert:not(.alert-old) .alert-icon {
  margin-right: 5px;
}
.block .block-alerts .alert:not(.alert-old) .alert-message {
  flex: 1;
}
.block .block-alerts .alert:not(.alert-old) .alert-secondarycode {
  margin-left: 5px;
  align-self: center;
}
.block .block-alerts .alert:not(.alert-old) .alert-controls {
  margin-left: 5px;
}
.block .block-alerts.large-alerts .alert {
  padding: 15px;
}

.block.block-collapsed .content {
  display: none;
}

.singleblock {
  border: 0;
  box-shadow: none;
  background: none;
}

.pageblock {
  margin-top: 0;
  margin-bottom: 0;
  box-shadow: none;
  border: 0;
}

.smallblock {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  overflow-x: hidden;
}

header.content-header {
  padding: 6px 12px;
}
header.content-header::after {
  display: table;
  content: "";
  clear: both;
}
header.content-header h1 {
  margin-top: 0;
  margin-bottom: 2px;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 300;
  color: #646464;
}
header.content-header h1 a {
  color: #646464;
}

.modal {
  padding-top: 60px;
}
.modal .modal-header {
  display: flex;
  border-bottom: 3px solid #646464;
}
.modal .modal-header .modal-title {
  flex: 1;
  font-weight: 800;
  color: #646464;
}

.block-page .modal {
  padding-top: 0;
}

.reaction-user-template {
  display: flex;
  align-items: center;
  padding: 4px;
  margin-bottom: 2px;
  border-radius: 4px;
  text-decoration: none;
}
.reaction-user-template:hover, .reaction-user-template:focus {
  background: #f6f6f6;
  text-decoration: none;
}
.reaction-user-template .avatar {
  flex-shrink: 0;
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 50%;
  background: #999;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  font-size: 0;
  color: transparent;
  text-decoration: none;
}
.reaction-user-template .avatar.no-avatar {
  font-size: 40px;
  color: white;
  font-size: 24px;
  font-weight: bold;
}
.reaction-user-template .username {
  font-size: 115%;
  margin-left: 12px;
  flex: 1;
}
.reaction-user-template .reacttype {
  font-size: 150%;
}
.reaction-user-template .reacttype.like {
  color: #337ab7;
}

nav.pagnav {
  text-align: center;
}

.pagination > li > a, .pagination > li > span {
  background: inherit;
  color: #747474;
  border: 0;
  border-radius: 4px;
  margin-left: 1px;
  margin-right: 1px;
  transition: 0.125s;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  box-shadow: inset 0px 0px 0px 1px rgba(35, 83, 126, 0.5);
  background-color: white;
  color: #747474;
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
  background: inherit;
  color: rgba(116, 116, 116, 0.3);
  box-shadow: none;
}

.single-list-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.single-list-row .list {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

fieldset {
  padding-bottom: 10px;
}
fieldset:last-of-type {
  padding-bottom: 0;
}
fieldset legend {
  font-size: 90%;
  font-weight: 300;
  border: 0;
  margin-bottom: 3px;
}

.alert.alert-over-content {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0px;
  z-index: 2000;
  margin: 0 auto;
  max-width: 700px;
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-width: 2px;
}

.horizontal-panel {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.horizontal-panel .main-controls, .horizontal-panel .content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.horizontal-panel.centered-content {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.vertical-panel {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.vertical-panel .main-controls, .vertical-panel .content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.large-message, .block > .large-message {
  max-width: 100%;
  padding: 20px 30px;
  text-align: center;
  white-space: normal;
}
.large-message .alert-icon, .block > .large-message .alert-icon {
  font-size: 80px;
  color: #ddd;
}
.large-message h1, .block > .large-message h1 {
  margin-top: 10px;
  margin-bottom: 6px;
  font-weight: 300;
  font-size: 120%;
}
.large-message p, .block > .large-message p {
  margin: 0;
  font-weight: 500;
  font-size: 80%;
}

.loading-strip {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  padding: 3px 20px;
  font-size: 14px;
  color: #0085ff;
}

.form-control .loading-strip {
  padding: 20px;
  font-size: 40px;
  margin: 0 auto;
}
.form-control.avatar-gallery .loading-strip {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 290px;
  font-size: 100px;
}

figure.example {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

@media (min-width: 768px) {
  .block > header {
    padding: 12px 12px;
  }
  .block > header h1 {
    font-size: 150%;
  }
  .block > header .subtitle {
    display: block;
    font-weight: 400;
    font-size: 80%;
    text-transform: none;
    color: #aaa;
    margin-top: 0;
    margin-bottom: 0;
  }

  .md-multi-column-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .md-multi-column-row .column, .md-multi-column-row .form-group {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 10px;
    padding-right: 10px;
  }
  .md-multi-column-row .column:first-of-type, .md-multi-column-row .form-group:first-of-type {
    padding-left: 0;
  }
  .md-multi-column-row .column:last-of-type, .md-multi-column-row .form-group:last-of-type {
    padding-right: 0;
  }
}
.avatar {
  max-width: 200px;
  max-height: 200px;
  height: auto;
  width: auto;
}

.avatar-reduced {
  max-height: 80px !important;
  max-width: 80px !important;
}

.activeusers {
  margin-top: 5px;
}

/*
.avatar-onlinelist {
  max-height: 30px !important;
  max-width: 30px !important;
  border-radius: 50%;
  border: 1px solid #ccc;
}
*/
.user-list {
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
}
.user-list > li {
  display: block;
  overflow: hidden;
}
.user-list > li a {
  color: #444;
  font-size: 110%;
  font-weight: 300;
  text-decoration: none;
  padding: 3px;
  border-radius: 4px;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.user-list > li a:hover, .user-list > li a:focus {
  background: #f4f4f4;
}
.user-list > li a .list-avatar {
  height: 36px;
  width: 36px;
  margin-right: 4px;
  background-size: cover;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: #ccc;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
}
.user-list > li a .list-avatar .embedded-avatar {
  display: none;
}
.user-list > li a .list-avatar.no-avatar {
  color: white;
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.user-list > li a .username {
  display: block;
  max-height: 48px;
  overflow: hidden;
}
.user-list > li a .indicator {
  font-size: 80%;
  margin-left: 5px;
  margin-right: 5px;
  color: #999;
}
.user-list:after {
  display: table;
  content: "";
  clear: both;
}

@media (min-width: 768px) {
  .user-list > li {
    float: left;
    min-width: 25%;
  }
  .user-list > li a {
    font-size: 110%;
    font-weight: 300;
  }
  .user-list > li::after {
    content: "";
  }
}
@media (min-width: 992px) {
  .user-list > li {
    min-width: 20%;
  }
}
i.blank-space {
  width: 1.25em;
  display: inline-block;
}

/* @end */
/* @group 2.2 Toolbar */
.toolbar {
  padding: 4px 6px;
  font-size: 80%;
  /*display: -webkit-box;*/
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.toolbar::after {
  display: table;
  content: "";
  clear: both;
}
.toolbar.toolbar-default > ul > li > a {
  color: #666;
}
.toolbar.toolbar-default > ul > li > a:hover, .toolbar.toolbar-default > ul > li > a:focus {
  color: #333;
}
.toolbar.toolbar-default > ul > li.open > a {
  color: #333;
  background: #e1e1e1;
  color: #333;
}
.toolbar.toolbar-default a.btn.btn-primary {
  color: white;
}
.toolbar.toolbar-right {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.toolbar.toolbar-center {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.toolbar > ul {
  padding: 0;
  margin: 0;
  position: relative;
}
.toolbar > ul.controls-flex {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.toolbar > ul.controls-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.toolbar > ul > li {
  display: block;
  float: left;
}
.toolbar > ul > li > a {
  display: block;
  text-decoration: none;
  padding: 5px 10px;
  white-space: nowrap;
}
.toolbar > ul > li > a span.item-label {
  display: none;
}
.toolbar > ul > li > a span.item-label.item-display-xs {
  display: inline;
}
.toolbar > ul > li > a > span.button-label-hover {
  width: 0px;
  opacity: 0;
  overflow: hidden;
  display: inline-block;
  transition: none;
  -webkit-transition: none;
}
.toolbar > ul > li > a:hover > span.button-label-hover, .toolbar > ul > li > a:focus > span.button-label-hover {
  width: 100px;
  opacity: 1;
  -webkit-transition: opacity 0.5s linear 0.1s, width 0.2s linear;
  transition: opacity 0.5s linear 0.1s, width 0.2s linear;
}
.toolbar .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.toolbar > ul.menu-left {
  flex: 1;
}

@media (min-width: 768px) {
  .toolbar > ul > li > a span.item-label {
    display: inline;
  }

  .toolbar-xs {
    display: none;
  }
}
@media (max-width: 767px) {
  .toolbar > ul {
    position: static;
  }
  .toolbar > ul.controls-flex-xs {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .toolbar > ul > li.dropdown {
    position: static;
  }
  .toolbar > ul > li.dropdown > a {
    position: static;
  }
  .toolbar > ul > li.dropdown > ul.dropdown-menu {
    position: absolute;
    left: 0;
    right: 0;
    float: right;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border-radius: 0;
  }
}
/* @end */
/* @group 2.3 FORUMHOME, Forum Categories and Forum Nodes */
.bulletinboard .bulletinposts .bulletinpost, .promoted-content .bulletinposts .bulletinpost {
  float: left;
  width: 100%;
  position: relative;
}
.bulletinboard .bulletinposts .bulletinpost:nth-child(n+3), .promoted-content .bulletinposts .bulletinpost:nth-child(n+3) {
  display: none;
}
.bulletinboard .bulletinposts .bulletinpost:nth-child(even) .bulletinpost-inner, .promoted-content .bulletinposts .bulletinpost:nth-child(even) .bulletinpost-inner {
  background-color: #bbb;
}
.bulletinboard .bulletinposts .bulletinpost .bulletinpost-inner, .promoted-content .bulletinposts .bulletinpost .bulletinpost-inner {
  background-color: #a3a3a3;
  border: 0;
  display: block;
  min-height: 130px;
  background-position: center center;
  background-size: cover;
  padding: 0;
  margin: 0;
  position: relative;
}
.bulletinboard .bulletinposts .bulletinpost .bulletinpost-inner:hover, .bulletinboard .bulletinposts .bulletinpost .bulletinpost-inner:focus, .promoted-content .bulletinposts .bulletinpost .bulletinpost-inner:hover, .promoted-content .bulletinposts .bulletinpost .bulletinpost-inner:focus {
  color: inherit;
  text-decoration: none;
}
.bulletinboard .bulletinposts .bulletinpost .bulletinpost-inner.no-thumbnail, .promoted-content .bulletinposts .bulletinpost .bulletinpost-inner.no-thumbnail {
  background-image: url("https://www.pokecommunity.com/images/pc-logo-fff.svg");
  background-repeat: no-repeat;
  background-size: 80px;
}
.bulletinboard .bulletinposts .bulletinpost .bulletinpost-inner .entry-info, .promoted-content .bulletinposts .bulletinpost .bulletinpost-inner .entry-info {
  background-image: linear-gradient(rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0.9) 100%);
  padding: 7px 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.bulletinboard .bulletinposts .bulletinpost .bulletinpost-inner .entry-info .entry-content, .promoted-content .bulletinposts .bulletinpost .bulletinpost-inner .entry-info .entry-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 15px;
}
.bulletinboard .bulletinposts .bulletinpost .bulletinpost-inner .entry-info .entry-content .daily-logo, .promoted-content .bulletinposts .bulletinpost .bulletinpost-inner .entry-info .entry-content .daily-logo {
  display: inline;
  height: 17px;
  margin-left: 3px;
  filter: drop-shadow(0px 0px 1px black) drop-shadow(rgba(0, 0, 0, 0.4) 0px 0px 1px);
}
.bulletinboard .bulletinposts .bulletinpost .bulletinpost-inner .entry-info .entry-content h1, .promoted-content .bulletinposts .bulletinpost .bulletinpost-inner .entry-info .entry-content h1 {
  color: white;
  text-shadow: 0px 1px 5px black, 0px 0px 1px black;
  font-size: 80%;
  font-weight: bold;
  line-height: 1.2;
  margin: 0;
  margin-right: 50px;
  /*
                -webkit-line-clamp: 2;
                display: -webkit-box;
                overflow: hidden;
                -webkit-box-orient: vertical;
  */
}
.bulletinboard .bulletinposts .bulletinpost .bulletinpost-inner .entry-info .entry-content h2, .promoted-content .bulletinposts .bulletinpost .bulletinpost-inner .entry-info .entry-content h2 {
  display: none;
}
.bulletinboard .bulletinposts .bulletinpost .bulletinpost-inner .entry-info .entry-content p.excerpt, .promoted-content .bulletinposts .bulletinpost .bulletinpost-inner .entry-info .entry-content p.excerpt {
  color: #c8dcf0;
  font-size: 12px;
  display: none;
  margin: 2px 0;
  padding-right: 50px;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.bulletinboard .bulletinposts .bulletinpost .bulletinpost-inner .entry-info .symbol, .promoted-content .bulletinposts .bulletinpost .bulletinpost-inner .entry-info .symbol {
  float: right;
  margin: -2px 5px;
  color: #eee;
  font-size: 11pt;
}
.bulletinboard .bulletinposts .bulletinpost .bulletinpost-inner .entry-info .time, .promoted-content .bulletinposts .bulletinpost .bulletinpost-inner .entry-info .time {
  color: #8a8a8a;
  font-size: 75%;
  display: none;
}
.bulletinboard .bulletinposts .bulletinpost .replies-link a, .promoted-content .bulletinposts .bulletinpost .replies-link a {
  background-color: white;
  color: #eee;
  font-size: 10px;
  position: absolute;
  bottom: 6px;
  right: 8px;
}
.bulletinboard .bulletinposts .bulletinpost .replies-link a:before, .promoted-content .bulletinposts .bulletinpost .replies-link a:before {
  border-right: 10px solid white;
}
.bulletinboard .bulletinposts .bulletinpost .post-source, .promoted-content .bulletinposts .bulletinpost .post-source {
  display: none;
  position: absolute;
  top: 0;
  right: 5px;
  padding: 2px 4px;
  font-size: 7pt;
  z-index: 1;
}
.bulletinboard .bulletinposts .bulletinpost .post-source.youtube, .promoted-content .bulletinposts .bulletinpost .post-source.youtube {
  display: none;
  background-color: rgba(255, 255, 255, 0.9);
  color: #e52d27;
}
.bulletinboard .bulletinposts .bulletinpost .post-source.daily, .promoted-content .bulletinposts .bulletinpost .post-source.daily {
  display: none;
  background-color: rgba(255, 129, 0, 0.9);
  color: white;
}
.bulletinboard .bulletinposts.slick-initialized, .promoted-content .bulletinposts.slick-initialized {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  float: initial;
}
.bulletinboard .bulletinposts.slick-initialized .slick-arrow, .promoted-content .bulletinposts.slick-initialized .slick-arrow {
  background: #303030;
  border: 0;
  color: #eee;
  padding: 0 4px;
}
.bulletinboard .bulletinposts.slick-initialized .slick-arrow:hover, .bulletinboard .bulletinposts.slick-initialized .slick-arrow:focus, .promoted-content .bulletinposts.slick-initialized .slick-arrow:hover, .promoted-content .bulletinposts.slick-initialized .slick-arrow:focus {
  background: #ededed;
}
.bulletinboard .bulletinposts.slick-initialized .slick-arrow:active, .promoted-content .bulletinposts.slick-initialized .slick-arrow:active {
  background: #e5e5e5;
}
.bulletinboard .bulletinposts.slick-initialized .slick-list, .promoted-content .bulletinposts.slick-initialized .slick-list {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}
.bulletinboard .bulletinposts.slick-initialized .bulletinpost:nth-child(n+3), .promoted-content .bulletinposts.slick-initialized .bulletinpost:nth-child(n+3) {
  display: block;
}
.bulletinboard .bulletinposts:after, .promoted-content .bulletinposts:after {
  display: table;
  clear: both;
  content: "";
}
.bulletinboard .controls.block-foot.bulletinboard-foot, .promoted-content .controls.block-foot.bulletinboard-foot {
  display: none;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.bulletinboard .controls.block-foot.bulletinboard-foot .slick-dots, .promoted-content .controls.block-foot.bulletinboard-foot .slick-dots {
  padding: 0;
  margin: 0;
  display: flex;
}
.bulletinboard .controls.block-foot.bulletinboard-foot .slick-dots li, .promoted-content .controls.block-foot.bulletinboard-foot .slick-dots li {
  float: left;
  display: block;
  padding-bottom: 10px;
}
.bulletinboard .controls.block-foot.bulletinboard-foot .slick-dots li button, .promoted-content .controls.block-foot.bulletinboard-foot .slick-dots li button {
  font-size: 0;
  color: transparent;
  height: 3px;
  width: 40px;
  border: 0;
  background: #cfcfcf;
  margin: 0 7px;
  transition: 0.2s background ease-in;
}
.bulletinboard .controls.block-foot.bulletinboard-foot .slick-dots li.slick-active button, .promoted-content .controls.block-foot.bulletinboard-foot .slick-dots li.slick-active button {
  background: #337ab7;
}

.forumstatistics .subtitle a {
  color: inherit;
  text-decoration: inherit;
}
.forumstatistics .block-statistics {
  display: none;
}
.forumstatistics .block-statistics .statistics {
  float: inherit;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.forumstatistics .block-statistics .statistics .column {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.forumstatistics .block-statistics .statistics .column .digit {
  font-size: 24px;
}

.resource-block {
  text-align: center;
}
.resource-block a {
  display: block;
  text-decoration: none;
  padding-top: 10px;
  padding-bottom: 10px;
}
.resource-block h3 {
  font-size: 80%;
  color: #bbb;
  margin: 0;
  margin-top: 5px;
}
.resource-block .link-circle {
  border-radius: 50%;
  height: 50px;
  width: 50px;
  background: #bbb;
  color: white;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin: 0 auto;
  font-size: 30px;
}

.block.block-forumlist {
  padding: 0;
}
.block.block-forumlist > .block-header.foruminfo {
  color: inherit;
}
.block.block-forumlist > .block-header.foruminfo h1.title {
  font-size: 24px;
}

.foruminfo .icon {
  height: 50px;
  width: 60px;
  background-color: #5c5c5c;
  background-image: url("/images/brand-transparent.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  margin: 10px;
  color: transparent;
  font-size: 0;
  text-decoration: none;
}

/*
.forumbit-forum-old .icon {
  opacity: 0.2;
  &:hover {
    opacity: 1;
  }
}
*/
.forumbit-forum-new .forum-title .title:after {
  /*
    display: inline-block;
    content: "New";
    text-transform: uppercase;
    color: white;
    font-size: 60%;
    padding: 1px 3px;
    margin-left: 3px;
    background-color: #ff9200;
    vertical-align: middle;
    border-radius: 2px;
    font-weight: 300;
  */
  display: inline-block;
  content: "";
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: #ff9200;
  /* #ff9200, */
  vertical-align: middle;
}

/*
.forumbit-forum {
  > .info {
    float: left;
    padding: 0px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    a {
      color: $interface-link-color;
    }
    a:hover {
      color: $interface-link-hover-color;
    }
    > a.forum-title {
      text-decoration: none;
      display: block;
    }
  }
  .forumbit-meta {
    display: none;
  }
  > .info {
    .bump-desc {
      display: none;
      font-size: 70%;
      color: #888;
    }
    h2.title {
    display: inline-block;
      font-size: 105%;
      margin: 2px 0px;
      font-weight: 400;
      .viewers {
      display: none;
        white-space: nowrap;
        color: #9a9a9a;
        font-size: 10px;
      }
    }
  }
  .info .title .actual {
    text-transform: uppercase;
  }
  > .info {
    span.bump {
      margin-left: 20px;
    }
    .description {
      font-size: 8pt;
      margin-left: 100px;
    }
  }
}
*/
.lastpostinfo {
  display: none;
}

.threadthumb {
  height: 40px;
  width: 40px;
  background-color: #5c5c5c;
  background-image: url("/images/brand-transparent.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  color: transparent;
  font-size: 0;
  text-decoration: none;
  padding: 0;
  border: 2px solid white;
  border-radius: 2px;
  margin: 5px;
  margin-right: 10px;
  box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.9), inset 0 0 6px -1px rgba(255, 255, 255, 0.7);
}

.threadicon {
  height: 40px;
  width: 40px;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  color: transparent;
  font-size: 0;
  text-decoration: none;
  padding: 0;
  border-radius: 3px;
  margin: 5px 10px;
  background: #ececec;
  text-align: center;
  flex-direction: row;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.threadicon.has-thumbnail {
  background-size: cover;
  background-position: center;
}
.threadicon.has-thumbnail .icon {
  display: none;
}
.threadicon > .lastposticon {
  height: 16px;
  width: 16px;
  margin: 0 auto;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
  -ms-interpolation-mode: nearest-neighbor;
}

a.subforum {
  margin: 1px;
  margin-right: 5px;
}
a.subforum img.icon {
  display: inline;
  width: 16px;
  height: 16px;
  margin: 0;
  border-width: 1px;
  padding: 0;
  margin-right: 3px;
}

.subforum-old .icon {
  opacity: 0.2;
}

.forumbit-level1 .forumbit-forumlevel2 .icon {
  height: 30px;
  width: 45px;
  margin-left: 15px;
}

@media (min-width: 507px) {
  .bulletinboard .bulletinposts .bulletinpost, .promoted-content .bulletinposts .bulletinpost {
    width: 50%;
  }
  .bulletinboard .bulletinposts .bulletinpost:nth-of-type(n+3), .promoted-content .bulletinposts .bulletinpost:nth-of-type(n+3) {
    display: block;
  }
  .bulletinboard .bulletinposts .bulletinpost:nth-of-type(n+5), .promoted-content .bulletinposts .bulletinpost:nth-of-type(n+5) {
    display: none;
  }
  .bulletinboard .bulletinposts.slick-initialized .bulletinpost:nth-of-type(n+5), .promoted-content .bulletinposts.slick-initialized .bulletinpost:nth-of-type(n+5) {
    display: block;
  }
}
@media (min-width: 768px) {
  .bulletinboard .bulletinposts .bulletinpost, .promoted-content .bulletinposts .bulletinpost {
    width: 25%;
  }
  .bulletinboard .bulletinposts .bulletinpost .bulletinpost-inner, .promoted-content .bulletinposts .bulletinpost .bulletinpost-inner {
    min-height: 170px;
    /*
              .entry-info {
                .symbol {
                  margin: 5px 10px;
                  font-size: 18pt;
                }
                .time {
                  display: block;
                }
              }
    */
  }
  .bulletinboard .bulletinposts .bulletinpost .bulletinpost-inner.no-thumbnail, .promoted-content .bulletinposts .bulletinpost .bulletinpost-inner.no-thumbnail {
    background-size: 110px;
  }
  .bulletinboard .bulletinposts .bulletinpost:nth-of-type(n+3), .promoted-content .bulletinposts .bulletinpost:nth-of-type(n+3) {
    display: block;
  }
  .bulletinboard .bulletinposts .bulletinpost:nth-of-type(n+5), .promoted-content .bulletinposts .bulletinpost:nth-of-type(n+5) {
    display: none;
  }
  .bulletinboard .bulletinposts .bulletinpost .replies-link a, .promoted-content .bulletinposts .bulletinpost .replies-link a {
    font-size: 14px;
    bottom: 14px;
  }
  .bulletinboard .bulletinposts .bulletinpost .post-source, .promoted-content .bulletinposts .bulletinpost .post-source {
    right: 10px;
    padding: 3px 8px;
    font-size: 10pt;
  }
  .bulletinboard .bulletinposts.slick-initialized, .promoted-content .bulletinposts.slick-initialized {
    display: block;
  }
  .bulletinboard .bulletinposts.slick-initialized .slick-arrow, .promoted-content .bulletinposts.slick-initialized .slick-arrow {
    display: none !important;
  }
  .bulletinboard .bulletinposts.slick-initialized .bulletinpost:nth-of-type(n+5), .promoted-content .bulletinposts.slick-initialized .bulletinpost:nth-of-type(n+5) {
    display: block;
  }
  .bulletinboard .controls.block-foot.bulletinboard-foot, .promoted-content .controls.block-foot.bulletinboard-foot {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }

  .bulletinboard .bulletinposts .bulletinpost {
    width: 33.33%;
  }
  .bulletinboard .bulletinposts .bulletinpost:nth-of-type(n+3) {
    display: block;
  }
  .bulletinboard .bulletinposts .bulletinpost:nth-of-type(n+4) {
    display: none;
  }

  .block.forumbit-category header.block-header {
    position: relative;
    /*         width: 98%; */
  }
  .block.forumbit-category > header.block-header .controls {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 2%;
    text-align: center;
    padding: 2px;
  }
  .block.forumbit-category > header.block-header .controls img {
    width: 10px;
    height: 10px;
    opacity: 0.2;
  }
  .block.forumbit-category:hover > header.block-header .controls img {
    opacity: 1;
  }

  .forumbit-forum .icon, .foruminfo .icon {
    height: 70px;
    width: 70px;
  }

  .forumbit-level1 .forumbit-forumlevel2 .icon {
    height: 50px;
    width: 50px;
    margin-left: 30px;
  }

  .forumbit-forum > .info .bump-desc {
    display: block;
  }
  .forumbit-forum .forumbit-meta {
    display: block;
  }

  .child-forumbits .forumbit-forumlevel2 > .stats {
    background: #f5f5f5;
  }
  .child-forumbits .forumbit-forumlevel2 > .stats .unreadcount .hugedigit {
    font-size: 18px;
  }

  .forumbit-forum > .lastpostinfo {
    float: right;
    width: 280px;
    padding: 6px;
    display: none;
    /* Do not display lastpostinfo if browser doesn't support flex*/
    display: block;
    /*display: -webkit-box;*/
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
  }
  .forumbit-forum > .lastpostinfo .lastpostbyicon {
    margin: 6px;
  }
  .forumbit-forum > .lastpostinfo .lastpostmeta {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .forumbit-forum > .lastpostinfo .lastpostmeta a.title {
    display: block;
    max-width: 90%;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
  }
  .forumbit-forum > .lastpostinfo .lastpostmeta .byline {
    font-size: 11px;
  }
  .forumbit-forum > .lastpostinfo .lastpostgroups .lastpostbit-container {
    clear: both;
  }
  .forumbit-forum > .lastpostinfo .lastpostgroups .lastpostbit-container:before {
    clear: both;
  }
  .forumbit-forum > .lastpostinfo .lastpostgroups .lastpostbit-container .lastpostbyicon a {
    height: 24px;
    width: 24px;
  }
  .forumbit-forum > .lastpostinfo .lastpostgroups .lastpostbit-container .lastpostbyicon a img {
    height: auto;
    width: auto;
  }
  .forumbit-forum > .lastpostinfo .lastpostgroups .lastpostbit-container .lastpostmeta a.title {
    font-size: 9pt;
    display: inline;
  }
  .forumbit-forum > .lastpostinfo .lastpostgroups .lastpostbit-container .lastpostmeta .byline {
    display: inline;
  }
  .forumbit-forum > .lastpostinfo .lastpostgroups .lastpostbit-container .lastpostmeta .byline div {
    display: inline;
  }
  .forumbit-forum > .lastpostinfo .lastpostlink {
    font-size: 150%;
  }

  .forumbit-level1 .forumbit-forum.forumbit-forumlevel2 > .lastpostinfo {
    font-size: 12px;
  }
  .forumbit-level1 .forumbit-forum.forumbit-forumlevel2 > .lastpostinfo > .lastpostmeta > .byline {
    font-size: 10px;
  }
  .forumbit-level1 .forumbit-forum.forumbit-forumlevel2 > .lastpostinfo > .lastpostlink {
    font-size: 120%;
  }

  .forumstatistics .block-statistics {
    display: block;
  }
}
@media (min-width: 992px) {
  .bulletinboard .bulletinposts .bulletinpost .bulletinpost-inner, .promoted-content .bulletinposts .bulletinpost .bulletinpost-inner {
    min-height: 200px;
  }
  .bulletinboard .bulletinposts .bulletinpost .bulletinpost-inner .entry-info .entry-content h1, .promoted-content .bulletinposts .bulletinpost .bulletinpost-inner .entry-info .entry-content h1 {
    font-size: 100%;
  }
  .bulletinboard .bulletinposts .bulletinpost:hover .bulletinpost-inner .entry-info p.excerpt, .bulletinboard .bulletinposts .bulletinpost:active .bulletinpost-inner .entry-info p.excerpt, .promoted-content .bulletinposts .bulletinpost:hover .bulletinpost-inner .entry-info p.excerpt, .promoted-content .bulletinposts .bulletinpost:active .bulletinpost-inner .entry-info p.excerpt {
    max-height: 50px;
  }

  .forumbit-forum > .lastpostinfo {
    width: 350px;
  }
  .forumbit-forum > .lastpostinfo > .lastpostmeta > a.title {
    display: block;
    max-width: none;
    white-space: normal;
    overflow-x: initial;
    text-overflow: initial;
  }
}
@media (min-width: 1200px) {
  .bulletinboard .bulletinposts .bulletinpost {
    width: 25%;
  }
  .bulletinboard .bulletinposts .bulletinpost:nth-of-type(n+4) {
    display: block;
  }
  .bulletinboard .bulletinposts .bulletinpost:nth-of-type(n+5) {
    display: none;
  }
}
/* @group 2.4 FORUMHOME */
.category-bit {
  margin-bottom: 3pt;
  width: 100%;
}
.category-bit .title h1 {
  padding: 5px;
  color: #646464;
  font-weight: 800;
}
.category-bit .forumbits .forum-bit {
  padding: 5px;
  background: #303030;
  box-shadow: none !important;
}
.category-bit .forumbits .forum-bit .icon {
  background-color: #8195a2;
  background-image: url("https://www.pokecommunity.com/images/pc-logo-fff.svg");
  height: 30px;
  width: 30px;
  flex-shrink: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover !important;
  float: left;
  color: transparent;
  font-size: 0;
  text-decoration: none;
  padding: 0;
  border: 2px solid white;
  border-radius: 2px;
  margin: 5px;
}
.category-bit .forumbits .forum-bit .info header .title {
  text-decoration: none;
}
.category-bit .forumbits .forum-bit .info header .title h2 {
  color: #555;
  margin: 0;
  font-size: 110%;
  margin-bottom: 5px;
  font-weight: bold;
}
.category-bit .forumbits .forum-bit .info header .title:hover h2, .category-bit .forumbits .forum-bit .info header .title:active h2 {
  color: #f0dfc8;
  text-decoration: underline;
}
.category-bit .forumbits .forum-bit .info header .title .short-description {
  color: #eee;
  font-size: 80%;
  font-weight: 300;
  display: none;
}
.category-bit .forumbits .forum-bit .lastposts {
  font-size: 90%;
}
.category-bit .forumbits .forum-bit .lastposts .lastpostmeta {
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.category-bit .forumbits .forum-bit .lastposts .lastpostmeta .lastposttitle {
  font-size: 100%;
  margin-left: 0 !important;
}
.category-bit .forumbits .forum-bit .lastposts .lastpostmeta .author {
  font-size: 80%;
  color: #666;
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
  text-align: right;
  white-space: nowrap;
}
.category-bit .forumbits .forum-bit .lastposts .lastpostmeta .author a {
  color: inherit;
}
.category-bit .forumbits .forum-bit .lastposts .lastpostmeta .author .time {
  color: inherit;
  font-style: italic;
}
.category-bit .forumbits .forum-bit .lastposts .lastpostmeta .author .byline {
  color: inherit;
}
.category-bit .forumbits .forum-bit {
  margin-top: 1px;
  margin-bottom: 1px;
  border: 0;
}
.category-bit .forumbits .forum-bit .info {
  width: 100%;
  justify-content: flex-start;
  padding-left: 10px;
  padding-right: 10px;
}
.category-bit .forumbits .forum-bit .info .subforums {
  margin-top: 0;
}
.category-bit .forumbits .forum-bit .info .subforums .subforum {
  margin-top: 0;
}
.category-bit .forumbits .forum-bit .info .subforums .subforum .subforumtitle {
  font-size: 90%;
  font-weight: normal;
}
.category-bit .forumbits .forum-bit.has-subforums .info header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.category-bit .forumbits .forum-bit.has-subforums .info header a.title {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.category-bit .forumbits .forum-bit.has-subforums .info header .sub-forums {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
  padding-bottom: 5px;
}
@media (min-width: 768px) {
  .category-bit .forumbits .forum-bit.has-subforums .info header .sub-forums {
    display: flex;
  }
}
.category-bit .forumbits .forum-bit.has-subforums .info header .sub-forums > div {
  display: inline-block;
  margin: 0 2px;
  padding: 0;
}
.category-bit .forumbits .forum-bit.has-subforums .info header .sub-forums > div .sub-forum img {
  background-color: gray;
  width: 32px;
  height: 32px;
  border-radius: 2px;
}
.category-bit .forumbits .forum-bit.has-subforums .info header .sub-forums > div .sub-forum span {
  display: none;
}

@media (min-width: 768px) {
  .category-bit .info header .title .short-description {
    display: block !important;
  }
}

@media (min-width: 950px) {
  .category-bit > header {
    border-bottom: 2px solid #646464;
  }
  .category-bit > header .title h1 {
    margin: 0;
    padding: 0;
  }
  .category-bit .forumbits .forum-bit .icon {
    height: 70px;
    width: 70px;
  }
  .category-bit .forumbits {
    display: flex;
    flex-wrap: wrap;
  }
  .category-bit .forumbits .forum-bit {
    float: left;
    width: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    background: #323232;
    margin-top: 0;
  }
  .category-bit .forumbits .forum-bit:nth-child(4n), .category-bit .forumbits .forum-bit:nth-child(4n-1) {
    background: #303030;
  }
  .category-bit .forumbits .forum-bit:nth-child(odd):last-of-type {
    width: 100%;
  }
  .category-bit .forumbits .forum-bit:nth-child(odd):last-of-type:after {
    display: block;
    width: 50%;
    width: calc(50% + 6px);
    flex-shrink: 0;
  }
  .category-bit .forumbits .forum-bit .info {
    width: 100%;
    justify-content: flex-start;
    padding-left: 10px;
    padding-right: 10px;
  }
  .category-bit .forumbits .forum-bit .info header .title {
    text-decoration: none;
  }
  .category-bit .forumbits .forum-bit .info header .title:hover h2, .category-bit .forumbits .forum-bit .info header .title:active h2 {
    color: #f0dfc8;
    text-decoration: underline;
  }
  .category-bit .forumbits .forum-bit .info header .title h2 {
    color: #555;
    margin: 0;
    font-size: 130%;
    margin-bottom: 5px;
    font-weight: bold;
  }
  .category-bit .forumbits .forum-bit .info .lastposts .lastpostmeta {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .category-bit .forumbits .forum-bit .info .lastposts .lastpostmeta .lastposttitle {
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
    white-space: nowrap;
  }
  .category-bit .forumbits .forum-bit .info .subforums {
    margin-top: 0;
  }
  .category-bit .forumbits .forum-bit .info .subforums .subforum {
    margin-top: 0;
  }
  .category-bit .forumbits .forum-bit .info .subforums .subforum .subforumtitle {
    font-size: 90%;
    font-weight: normal;
  }
}
.forumbits-list .forumbits .forum-bit {
  width: 100%;
  background-color: #323232;
}
.forumbits-list .forumbits .forum-bit:nth-of-type(even) {
  background-color: #303030;
}
.forumbits-list .forumbits .forum-bit .info {
  align-items: center;
}
.forumbits-list .forumbits .forum-bit .info header {
  flex-direction: column;
}
.forumbits-list .forumbits .forum-bit .info header .sub-forums {
  align-self: unset !important;
  -webkit-align-self: unset !important;
  -moz-align-self: unset !important;
  -ms-align-self: unset !important;
}

@media screen and (min-width: 950px) {
  .forumbits-list .forum-bit .info {
    display: flex;
    flex-wrap: wrap;
  }
  .forumbits-list .forum-bit .info header {
    flex-grow: 1;
  }
  .forumbits-list .forum-bit .info header h2 {
    margin-bottom: 0;
  }
  .forumbits-list .forum-bit .info .lastposts {
    margin-top: 3px;
  }
  .forumbits-list .forum-bit .info .lastposts .lastpostmeta {
    flex-direction: column !important;
  }
  .forumbits-list .forum-bit.has-subforums .lastposts {
    margin-top: 7px;
  }
}
/* gotta fix this */
.lastpostmeta .thread-title {
  font-weight: bold;
  font-size: 105%;
}

.forumhome .switcher {
  margin-top: 10px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  justify-content: flex-start;
}
.forumhome .switcher .item {
  display: block;
  box-shadow: inset 0 -2px 0 #e1e1e1;
  position: relative;
  color: #aaa;
  padding: 3px 10px;
  border-left: 1px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 0;
  font-size: 140%;
  font-weight: bold;
  flex: 1;
  text-align: center;
  text-decoration: none;
}
.forumhome .switcher .item:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-top: solid 5px #e1e1e1 !important;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
}
.forumhome .switcher .item.active, .forumhome .switcher .item:hover, .forumhome .switcher .item:focus {
  background-color: #ededed;
  box-shadow: inset 0 -2px 0 #b7b7b7;
  color: #eee;
}
.forumhome .switcher .item.active:after, .forumhome .switcher .item:hover:after, .forumhome .switcher .item:focus:after {
  border-top: solid 5px #b7b7b7 !important;
}
.forumhome .switcher .item.active {
  background-color: #337ab7 !important;
  box-shadow: inset 0 -2px 0 #175991;
  color: white;
}
.forumhome .switcher .item.active:after {
  border-top: solid 6px #175991 !important;
  border-left: solid 6px transparent;
  border-right: solid 6px transparent;
}
.forumhome .switcher .item .tab-label {
  display: none;
}
@media (min-width: 768px) {
  .forumhome .switcher {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  .forumhome .switcher .item {
    font-size: 110%;
  }
  .forumhome .switcher .item .tab-label {
    display: inline;
  }
}

.forumstatistics .container-fluid {
  padding-right: 0;
  padding-left: 0;
  padding-right: 0;
  padding-left: 0;
}

ul.onlinelist {
  list-style-type: none;
  padding: 0;
}
ul.onlinelist > li {
  display: inline;
  font-size: 80%;
}
ul.onlinelist > li.no-results {
  display: flex !important;
  align-items: center;
  width: unset !important;
}
ul.onlinelist > li.no-results .emote {
  font-size: 2em;
  margin-right: 4px;
  color: #666;
}
ul.onlinelist > li a {
  color: #444;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
ul.onlinelist > li a::after {
  content: ", ";
}
ul.onlinelist > li:last-of-type a:after {
  content: "";
}
ul.onlinelist > li .indicator {
  font-size: 80%;
  margin-left: 5px;
  color: #999;
}
ul.onlinelist.friendslist {
  -moz-column-count: inherit;
  -moz-column-gap: inherit;
  -webkit-column-count: inherit;
  -webkit-column-gap: inherit;
  column-count: inherit;
  column-gap: inherit;
}
ul.onlinelist.friendslist:after {
  display: table;
  content: "";
  clear: both;
}
ul.onlinelist.friendslist > li {
  display: block;
  overflow: hidden;
}
ul.onlinelist.friendslist > li::after {
  content: inherit;
}
ul.onlinelist.friendslist > li:last-of-type::after {
  content: inherit;
}
ul.onlinelist.friendslist > li.friend a, ul.onlinelist.friendslist > li.staff a {
  font-size: 120%;
  font-weight: 300;
  text-decoration: none;
  padding: 3px;
  border-radius: 4px;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
ul.onlinelist.friendslist > li.friend a:hover, ul.onlinelist.friendslist > li.friend a:focus, ul.onlinelist.friendslist > li.staff a:hover, ul.onlinelist.friendslist > li.staff a:focus {
  background: #f4f4f4;
}
ul.onlinelist.friendslist > li.friend a::after, ul.onlinelist.friendslist > li.staff a::after {
  content: "";
}
ul.onlinelist.friendslist > li.friend a .avatar-container, ul.onlinelist.friendslist > li.staff a .avatar-container {
  width: 48px;
  height: 48px;
  text-align: center;
  margin-right: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
ul.onlinelist.friendslist > li.friend a .avatar-container .avatar, ul.onlinelist.friendslist > li.staff a .avatar-container .avatar {
  max-height: 48px;
  max-width: 48px;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
}
ul.onlinelist.friendslist > li.friend a .username, ul.onlinelist.friendslist > li.staff a .username {
  display: block;
  max-height: 48px;
  overflow: hidden;
}
ul.onlinelist.friendslist > li.friend a .rank-text, ul.onlinelist.friendslist > li.staff a .rank-text {
  font-size: 60%;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #777;
  display: block;
}
ul.onlinelist.friendslist > li.friend a .indicator.friend, ul.onlinelist.friendslist > li.staff a .indicator.friend {
  display: none;
}

.resource-block a.link-1-online:hover h3 {
  color: #00bfef;
}
.resource-block a.link-1-online:hover .link-circle {
  background: #00bfef;
}
.resource-block a.link-2-staff:hover h3 {
  color: #00e984;
}
.resource-block a.link-2-staff:hover .link-circle {
  background: #00e984;
}
.resource-block a.link-3-rules:hover h3 {
  color: #ff9000;
}
.resource-block a.link-3-rules:hover .link-circle {
  background: #ff9000;
}
.resource-block a.link-4-agreement:hover h3 {
  color: #f4c300;
}
.resource-block a.link-4-agreement:hover .link-circle {
  background: #f4c300;
}
.resource-block a.link-5-privacy:hover h3 {
  color: #5d5d5d;
}
.resource-block a.link-5-privacy:hover .link-circle {
  background: #5d5d5d;
}
.resource-block a.link-6-forums:hover h3 {
  color: #fc3500;
}
.resource-block a.link-6-forums:hover .link-circle {
  background: #fc3500;
}

@media (min-width: 768px) {
  /*.howlers .howler:nth-of-type(n+2) {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }*/
  .howlers .howler:nth-of-type(n+6) {
    display: none;
  }
  .howlers .howler .dateline {
    display: block;
    font-size: 11px;
    -webkit-order: 3;
    -ms-order: 3;
    order: 3;
    min-width: 130px;
  }
  .howlers .howler .howler-prefix {
    display: block;
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
    margin: 6px;
  }

  ul.onlinelist.friendslist > li {
    display: block;
    float: left;
    width: 25%;
  }
  ul.onlinelist.friendslist > li a {
    font-size: 110%;
    font-weight: 300;
  }
  ul.onlinelist.friendslist > li::after {
    content: "";
  }
}
/* @end */
/* @end */
/* @group 2.5 Forum Display, Promoted Content and Thread Nodes */
.block > .block-header.foruminfo {
  color: inherit;
}

.block.block-threadlist > hr {
  background: #d7d7d7;
  border: 0;
  height: 3px;
  margin: 0;
}

.block.threadbit {
  border: 0;
  margin-bottom: 1px !important;
  margin-top: 1px !important;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  justify-content: stretch;
  background: #303030;
  /*#2f2f3c*/
  min-height: 50px;
}
.block.threadbit .column {
  margin-left: 6px;
  margin-right: 6px;
}
.block.threadbit .column.parent-forum {
  width: 140px;
  font-size: 13px;
  text-align: right;
}
.block.threadbit a.threadstatus {
  margin: 0 1px;
  display: block;
  min-width: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  font-size: 10px;
  text-align: center;
}
.block.threadbit a.threadstatus .new-posts {
  color: #2aaef5;
}
.block.threadbit a.threadstatus .is-replied {
  color: #8f8f8f;
}
.block.threadbit:nth-child(even) {
  background: #323232;
}
.block.threadbit a.threadicon {
  position: relative;
  margin: 5px 10px;
  margin-left: 0;
}
.block.threadbit a.threadicon.icon-actioned > img.base-icon {
  opacity: 0.4;
  height: 16px;
  width: 16px;
}
.block.threadbit a.threadicon .icon {
  position: relative;
}
.block.threadbit a.threadicon .icon img {
  /* we expect all icons to be sized the same */
}
.block.threadbit a.threadicon .icon img.icon-overlay {
  position: absolute;
  left: 6px;
  top: 5px;
}
.block.threadbit a.threadicon .icon img.icon-overlay.icon-overlay-replied {
  left: 4px;
  top: 6px;
}
.block.threadbit a.threadicon .icon img.icon-overlay.icon-overlay-unread {
  left: 12px;
  top: -11px;
}
.block.threadbit a.mod-status {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 2px;
  -webkit-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 3px 1px;
  overflow: hidden;
  color: transparent;
  background-color: #858585;
  text-decoration: none;
  text-align: center;
}
.block.threadbit a.mod-status.moved {
  background-color: #009eff;
}
.block.threadbit a.mod-status.pending {
  background-color: #ff9e00;
}
.block.threadbit a.mod-status.deleted {
  background-color: #e80000;
}
.block.threadbit a.mod-status:hover, .block.threadbit a.mod-status:focus {
  color: white;
  font-size: 12px;
  width: 50px;
  padding: 3px 5px;
  transition: all 0.2s ease;
}
.block.threadbit .prefixes:empty {
  margin-left: 0;
  margin-right: 0;
}
.block.threadbit .threadmeta {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 10px 12px;
  margin-left: 0;
  overflow: hidden;
  min-width: 1;
  position: relative;
}
.block.threadbit .threadmeta .thread-category {
  white-space: nowrap;
}
.block.threadbit .threadmeta a {
  color: #c8dcf0;
}
.block.threadbit .threadmeta a:hover {
  color: #f0dfc8;
}
.block.threadbit .threadmeta .generic-prefix, .block.threadbit .threadmeta .reserved-prefix, .block.threadbit .threadmeta .thread-category {
  font-size: 85%;
  vertical-align: top;
}
.block.threadbit .threadmeta h2.title {
  display: inline;
  font-size: 16px;
}
.block.threadbit .threadmeta .thread-starter {
  display: inline;
  font-size: 11px;
  color: #999;
}
.block.threadbit .threadmeta .thread-starter a {
  color: inherit;
}
.block.threadbit .threadmeta .thread-new-posts h2.title {
  font-weight: 700;
}
.block.threadbit .threadmeta .thread-preview {
  line-height: 20px;
  margin-top: 2px;
  font-size: 12px;
  color: #959595;
  cursor: default;
  border-radius: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  white-space: nowrap;
}
.block.threadbit .threadmeta .thread-preview:empty {
  display: none;
}
.block.threadbit .threadmeta .thread-preview a {
  color: inherit;
  text-decoration: inherit;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.block.threadbit .threadmeta .thread-preview .preview-text {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.block.threadbit .threadmeta .thread-preview .preview-text .preview-postinfo {
  color: #696969;
}
.block.threadbit .threadmeta .thread-preview .time {
  color: inherit;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  margin-left: 10px;
}
.block.threadbit .thread-stats {
  display: none;
}
.block.threadbit .generic-prefix.hidden-threadbit, .block.threadbit .thread-category.hidden {
  display: none;
}

/*
    .threadbit .prefixes {
      margin-left: 6px;
      margin-right: -3px;
    }
*/
.section-staff {
  margin-top: 3px;
  font-size: 80%;
  display: none;
}
.section-staff .staffed-by-text {
  color: #4682b4;
  font-weight: 600;
}
.section-staff .staffed-by-text:before {
  background: url("http://pokecommunity.com/images/logo-notext.php?fill=4682b4") no-repeat center;
  display: inline-block;
  width: 16px;
  height: 17px;
  background-size: contain;
  content: "";
  vertical-align: top;
}
.section-staff .staff-list {
  margin-left: 5px;
}
.section-staff .staff-list a {
  color: inherit;
  text-decoration: none;
}

.dashboard-subscribedforums .threadbit .thread-stats {
  display: none;
}

.pagecount {
  font-size: 70%;
}

.threadbit .lastpost {
  display: none;
}

.threadbit-deleted .threadicon {
  opacity: 0.6;
}
.threadbit-deleted .threadmeta h2.title {
  opacity: 0.6;
  font-style: italic;
}

@media (max-width: 767px) {
  /*   .threadbit {
      .reserved-prefix, .generic-prefix {
        font-size: 0px !important;
        color: transparent;
        min-height: 20px;
      }
    } */
  .block-threadslist .toolbar-main .pagenav {
    display: none;
  }
  .block-threadslist .toolbar-pagenav .pagenav li a.pagelink {
    display: none;
  }
  .block-threadslist .toolbar-pagenav .pagenav li.active a.pagelink {
    display: block;
  }
}
@media (min-width: 768px) {
  .block.block-threadlist .block.threadbit .thread-stats {
    display: block;
    margin-left: 6px;
    margin-right: 6px;
    font-size: 11px;
    text-align: right;
    min-width: 15%;
    color: #8a8a8a;
  }
  .block.block-threadlist .block.threadbit .thread-stats a {
    color: #8a8a8a;
  }
  .block.block-threadlist .block.threadbit .thread-status .badge {
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    background-color: #337ab7;
    color: white;
    padding: 2px 3px;
    vertical-align: baseline;
    border-radius: 0;
    text-transform: uppercase;
  }
  .block.block-threadlist .block.threadbit .thread-status .badge:first-of-type {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
  }
  .block.block-threadlist .block.threadbit .thread-status .badge:last-of-type {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
  }
  .block.block-threadlist .block.threadbit .thread-status .badge.hot-thread {
    background-color: #d60000;
    border-bottom-color: #9c0000;
  }
  .block.block-threadlist .block.threadbit .lastpost {
    display: block;
    width: 20%;
    overflow-x: hidden;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: right;
    font-size: 13px;
    color: #858585;
  }
  .block.block-threadlist .block.threadbit .lastpost > .byline {
    font-size: 11px;
  }
  .block.block-threadlist .block.threadbit .lastpost:nth-child(even) {
    /*background: #e2edf4;*/
  }
  .block.block-threadlist .block.threadbit .lastpost a {
    color: inherit;
  }
  .section-staff {
    display: block;
  }
  .section-staff .caret {
    display: none;
  }
}
/* @end */
/* @group 2.6 Show Thread, Postbits */
.block.matched-advertising {
  text-align: center;
  padding: 10px;
}

.block-showthread-header {
  padding: 0;
}
.block-showthread-header .thread-info {
  -ms-align-self: center;
  -webkit-align-self: center;
  align-self: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.block-showthread-header .thread-info .thread-sectioninfo {
  display: none;
  font-size: 90%;
  margin-top: 0;
}
.block-showthread-header .thread-info .thread-sectioninfo a {
  color: inherit;
}
.block-showthread-header .thread-info .thread-title {
  margin-bottom: 4px;
  font-weight: 300;
}
.block-showthread-header .thread-info .thread-title a {
  color: inherit;
}
.block-showthread-header .thread-info .thread-creator {
  display: none;
  margin: 0;
  font-size: 12px;
}
.block-showthread-header .thread-info .thread-creator .time {
  margin-left: 10px;
}
@media (min-width: 768px) {
  .block-showthread-header .thread-info .thread-sectioninfo, .block-showthread-header .thread-info .thread-creator {
    display: block;
  }
}
.block-showthread-header .thread-links .thread-link {
  display: none;
  padding: 12px 12px;
  background: #323232;
}
.block-showthread-header .thread-links .thread-link.daily {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.block-showthread-header .thread-links .thread-link.daily .dailyinclude-thumbnail {
  display: none;
}
.block-showthread-header .thread-links .thread-link.daily .dailyinclude-info {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.block-showthread-header .thread-links .thread-link.daily .dailyinclude-info .dailyinclude-postmeta {
  display: none;
  margin-bottom: 5px;
}
.block-showthread-header .thread-links .thread-link.daily .dailyinclude-info .dailyinclude-postmeta a.daily-link {
  text-decoration: inherit;
  color: #ff8100;
}
.block-showthread-header .thread-links .thread-link.daily .dailyinclude-info .dailyinclude-postmeta a.daily-link h2 {
  font-size: 70%;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 3px;
}
.block-showthread-header .thread-links .thread-link.daily .dailyinclude-info .dailyinclude-postmeta a.article-title {
  color: #646464;
}
.block-showthread-header .thread-links .thread-link.daily .dailyinclude-info .dailyinclude-postmeta a.article-title h3 {
  font-size: 90%;
  margin-top: 0;
  margin-bottom: 3px;
  font-weight: 700;
}
.block-showthread-header .thread-links .thread-link.daily .dailyinclude-info .excerpt {
  display: none;
  margin: 0;
}
.block-showthread-header .thread-links .thread-link.daily .dailyinclude-info .byline {
  display: none;
  margin-top: 5px;
  color: #8a8a8a;
  font-size: 75%;
}
.block-showthread-header .thread-links .thread-link.daily .dailyinclude-info .byline a {
  color: inherit;
}
.block-showthread-header .thread-links .thread-link.daily .dailyinclude-info .byline .time {
  margin-left: 10px;
}
.block-showthread-header .thread-links .thread-link.daily .btn {
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  width: 100%;
}
.block-showthread-header .statistics.threadinfo .digit {
  font-size: 24px;
}
.block-showthread-header .toolbar-main {
  background-color: rgba(0, 0, 0, 0.05);
}

form.poll, div.pollresults {
  padding: none;
}
form.poll a .btn-default, div.pollresults a .btn-default {
  color: #363636;
}
form.poll .poll-title, div.pollresults .poll-title {
  padding: 5px 20px;
}
form.poll .poll-title h2, div.pollresults .poll-title h2 {
  font-size: 1.5em;
  font-weight: 300;
  margin: 0;
  padding: 0;
}
form.poll .poll-controls, div.pollresults .poll-controls {
  padding: 5px 20px;
}
form.poll .poll-conditions, div.pollresults .poll-conditions {
  color: #8a8a8a;
  float: right;
  list-style: none;
  padding: 0;
  margin: 4px 0;
  font-size: 80%;
}
form.poll .poll-conditions li, div.pollresults .poll-conditions li {
  display: inline-block;
  margin-left: 10px;
}
form.poll .pollbits, div.pollresults .pollbits {
  list-style: none;
  padding: 0;
  margin: 0;
}
form.poll .pollbits .poll-result, div.pollresults .pollbits .poll-result {
  padding: 3px 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
form.poll .pollbits .poll-result label.question, div.pollresults .pollbits .poll-result label.question {
  width: 30%;
  padding-right: 10px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0;
  font-size: 90%;
}
form.poll .pollbits .poll-result label.question small, div.pollresults .pollbits .poll-result label.question small {
  display: block;
  font-size: 80%;
  color: #8a8a8a;
}
form.poll .pollbits .poll-result label.question small a, div.pollresults .pollbits .poll-result label.question small a {
  color: inherit;
  text-decoration: inherit;
}
form.poll .pollbits .poll-result .votes, div.pollresults .pollbits .poll-result .votes {
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
  padding-top: 5px;
  padding-bottom: 5px;
}
form.poll .pollbits .poll-result .votes .progress, div.pollresults .pollbits .poll-result .votes .progress {
  height: 24px;
  margin-bottom: 0;
  margin: 0;
}
form.poll .pollbits .poll-result .votes .progress .progress-bar, div.pollresults .pollbits .poll-result .votes .progress .progress-bar {
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.2) 100%), -webkit-linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 49.99%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 49.99%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 100%);
  background-color: #337ab7;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  line-height: 24px;
}
form.poll .pollbits .poll-result .votes .progress a, div.pollresults .pollbits .poll-result .votes .progress a {
  color: inherit;
  text-decoration: inherit;
}
form.poll .pollbits .poll-result .votes .who-voted, div.pollresults .pollbits .poll-result .votes .who-voted {
  margin-top: 5px;
  font-size: 80%;
}
form.poll .pollbits .poll-result:nth-of-type(odd), div.pollresults .pollbits .poll-result:nth-of-type(odd) {
  background-color: #323232;
}
form.poll .pollbits .poll-result:nth-of-type(odd) .progress, div.pollresults .pollbits .poll-result:nth-of-type(odd) .progress {
  background-color: #e7e7e7;
}
form.poll .pollbits .poll-result:nth-of-type(7n+1) .votes .progress .progress-bar, div.pollresults .pollbits .poll-result:nth-of-type(7n+1) .votes .progress .progress-bar {
  background-color: #009dbf;
}
form.poll .pollbits .poll-result:nth-of-type(7n+2) .votes .progress .progress-bar, div.pollresults .pollbits .poll-result:nth-of-type(7n+2) .votes .progress .progress-bar {
  background-color: #65c33b;
}
form.poll .pollbits .poll-result:nth-of-type(7n+3) .votes .progress .progress-bar, div.pollresults .pollbits .poll-result:nth-of-type(7n+3) .votes .progress .progress-bar {
  background-color: #eb9500;
}
form.poll .pollbits .poll-result:nth-of-type(7n+4) .votes .progress .progress-bar, div.pollresults .pollbits .poll-result:nth-of-type(7n+4) .votes .progress .progress-bar {
  background-color: #e3421a;
}
form.poll .pollbits .poll-result:nth-of-type(7n+5) .votes .progress .progress-bar, div.pollresults .pollbits .poll-result:nth-of-type(7n+5) .votes .progress .progress-bar {
  background-color: #a63881;
}
form.poll .pollbits .poll-result:nth-of-type(7n+6) .votes .progress .progress-bar, div.pollresults .pollbits .poll-result:nth-of-type(7n+6) .votes .progress .progress-bar {
  background-color: #7b45cd;
}
form.poll .poll-options, div.pollresults .poll-options {
  list-style: none;
  padding: 0;
}
form.poll .poll-options li .radio, form.poll .poll-options li .checkbox, div.pollresults .poll-options li .radio, div.pollresults .poll-options li .checkbox {
  margin: 0;
}
form.poll .poll-options li .radio label, form.poll .poll-options li .checkbox label, div.pollresults .poll-options li .radio label, div.pollresults .poll-options li .checkbox label {
  display: block;
  font-size: 90%;
  padding: 8px 20px;
  padding-left: 40px;
}
form.poll .poll-options li:nth-of-type(odd) label, div.pollresults .poll-options li:nth-of-type(odd) label {
  background-color: #323232;
}

.statistics {
  display: none;
}

.block.post.postbit {
  /* Postbits are blocks */
  /*       background: white; */
  padding: 0px;
}

.showthread-posts .block.post.postbit {
  /* No margin on the bottom when post is part of a thread */
  margin-bottom: 0;
}

.block.permanent-link-post {
  /* showpost.php */
  padding: 0;
  margin: 10px;
}
.block.permanent-link-post .block.post.postbit {
  /* but if just using showpost.php, change the design */
  margin: 0;
  box-shadow: none;
}

.lastpost {
  margin: 0px;
  padding: 0px;
}

.postbit .like-count {
  font-size: 10px;
  padding: 3px 4px 3px 3px;
  margin-bottom: 3px;
  margin-left: 2px;
  background: #fff;
  border-radius: 25%;
  min-width: 18px;
  border: 1px solid #337ab7;
  color: #337ab7;
}
.postbit.postbit-deleted {
  opacity: 0.8;
}
.postbit.postbit-deleted > .post-content .userinfo {
  padding: 5px 20px;
}
.postbit.postbit-deleted > .post-content .userinfo h1 {
  font-size: 10pt;
}
.postbit.postbit-deleted > .post-content .userinfo > .avatar-container .avatar img.avatar {
  max-height: 32px;
}
.postbit.postbit-deleted .controls.block-foot {
  background: initial;
}
.postbit.post-moderated {
  opacity: 0.9;
}
.postbit.post-moderated > .post-content .userinfo {
  padding: 5px 20px;
}
.postbit.post-moderated > .post-content .userinfo h1 {
  font-size: 14pt;
}
.postbit.post-moderated > .post-content .userinfo h2 {
  display: none;
}
.postbit.post-moderated > .post-content .userinfo .statistics {
  display: none;
}
.postbit.post-moderated > .post-content .userinfo .minibio {
  display: none;
}
.postbit.post-moderated > .post-content .userinfo > .avatar-container .avatar img.avatar {
  max-height: 52px;
}
.postbit.post-moderated > .post-content .signature {
  display: none;
}
.postbit .userinfo {
  position: relative;
  background: #303030;
  padding: 10px 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  /*

      .male {
        color: #53CAF4;
      }
      .female {
        color: #FBC1BC;
      }
      .other {
        color: #b4affa;
      }
  */
}
.postbit .userinfo img.avatar {
  max-width: 64px;
}
.postbit .userinfo a {
  color: #c8dcf0;
}
.postbit .userinfo a:hover {
  color: #f0dfc8;
}
.postbit .userinfo::after {
  display: table;
  content: "";
  clear: both;
}
.postbit .userinfo h1 {
  font-size: 140%;
  margin: 1px;
}
.postbit .userinfo h2 {
  font-size: 90%;
  margin: 2px;
}
.postbit .userinfo h3 {
  font-size: 90%;
  margin-top: 3px;
}
.postbit .userinfo .minibio {
  display: none;
  font-size: 80%;
}
.postbit .userinfo > .age {
  display: inline;
}
.postbit .userinfo > .username-usertitle {
  float: left;
  padding-left: 5px;
  padding-top: 8px;
  padding-bottom: 8px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
}
.postbit .userinfo > .username-usertitle .username {
  font-weight: 700;
}
.postbit .userinfo > .userstats .column .digit {
  display: block;
  font-size: 2.1818181818em;
}
.postbit .userinfo > .userstats .badge.newmember {
  -webkit-align-self: center;
  -ms-align-self: center;
  align-self: center;
}
.postbit .userinfo > .teambadges {
  display: none;
  margin-right: 20px;
}
.postbit .userinfo .gender {
  font-weight: bold !important;
  display: inline !important;
  margin-left: 5px;
  font-size: 80%;
  cursor: pointer;
}
.postbit .post-body {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  clear: both;
}
.postbit .post-body:after {
  content: "";
  clear: both;
  display: table;
}
.postbit .post-body .block-alerts .alert-quickeditmode {
  background-color: #478cc4;
  color: white;
  font-weight: bold;
  font-size: 80%;
  padding-top: 2px;
  padding-bottom: 2px;
}
.postbit .post-body img {
  max-width: 100%;
}
.postbit .post-body .post-meta {
  color: #666;
  font-size: 85%;
  margin: 10px 20px;
  margin-bottom: 0;
}
.postbit .post-body .post-meta a {
  color: #c8dcf0;
}
.postbit .post-body .post-meta a:hover {
  color: #f0dfc8;
}
.postbit .post-body .post-meta .post-status {
  float: right;
}
.postbit .post-body .post-meta .post-status .post-number:before {
  content: "#";
  font-size: 80%;
}
.postbit .post-body .post-meta .post-status .marker {
  background-color: #8d8d8d;
  color: white;
  border-radius: 2px;
  padding: 2px 5px;
  margin-left: 2px;
  font-weight: bold;
}
.postbit .post-body .post-meta .post-status .marker.spam {
  background-color: #ff963f;
}
.postbit .post-body .post-message {
  margin: 10px 20px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-x: auto;
}
.postbit .post-body .post-message.signature-container {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0;
  -ms-flex: 0;
  flex: 0;
}
.postbit .post-body .post-attachments {
  margin: 10px 20px;
  margin-bottom: 5px;
}
.postbit .post-body .signature {
  display: none;
  margin: 10px 20px;
}
@media screen and (min-width: 768px) {
  .postbit .post-body .signature {
    display: unset;
  }
}
.postbit .post-body .signature:before {
  display: block;
  height: 1px;
  background-color: #ddd;
  width: 30%;
  content: "";
  margin-bottom: 10px;
}
.postbit .post-body .likes-bar {
  margin-top: 10px;
  font-size: 11px;
  color: #8a8a8a;
}
.postbit .post-body .likes-bar > span > a {
  font-weight: bold;
  color: inherit;
}
.postbit .controls.block-foot.post-controls {
  padding: 10px 20px;
  padding-top: 5px;
  margin-top: 0;
}
.postbit.post-editmode .post-body .post-message {
  overflow: visible;
}
.postbit.post-editmode .post-body .post-message .quickedit .controlbar {
  padding: 0;
  padding-bottom: 6px;
}
.postbit.post-editmode .post-body .post-message .quickedit textarea {
  padding: 0;
  resize: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.postbit.post-editmode .post-body .post-message .quickedit .quickedit-footer {
  margin-top: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.postbit.post-editmode .post-body .post-message .quickedit .quickedit-footer input[name=reason] {
  flex: 1;
  margin-bottom: 5px;
}
.postbit.post-editmode .post-body .post-message .quickedit .quickedit-footer .quickedit-controls {
  text-align: right;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .postbit.post-editmode .post-body .post-message .quickedit .quickedit-footer {
    margin-top: 10px;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .postbit.post-editmode .post-body .post-message .quickedit .quickedit-footer input[name=reason] {
    flex: 1;
    margin-right: 5px;
    margin-bottom: 0;
  }
  .postbit.post-editmode .post-body .post-message .quickedit .quickedit-footer .quickedit-controls {
    text-align: inherit;
  }
}
/* username */
/* user title */
.biobits {
  float: right;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}

.quickreply .controlbar {
  background: #303030;
  padding: 6px;
}
.quickreply .quickreplytextarea {
  resize: none;
  padding: 10px 20px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  min-height: 100px;
}
.quickreply .quickreplytextarea:focus {
  border: 0;
  box-shadow: none;
}
.quickreply .post-body {
  padding: 0;
  overflow-x: visible;
}
.quickreply .post-body .note-editor.note-frame {
  margin: 0;
  border: 0;
  border-radius: 0;
}
.quickreply .post-body .note-editor.note-frame .note-toolbar .dropdown-menu.note-check.dropdown-fontname {
  max-height: 250px;
  overflow: scroll;
}
.quickreply .post-body .note-editor.note-frame .note-editing-area .note-editable {
  padding: 10px 20px;
  min-height: 180px;
}
.quickreply .post-body .note-editor.note-frame .note-editing-area .note-editable:before {
  content: "Reply";
  color: #666;
  font-size: 85%;
  margin-bottom: 10px;
  margin-top: 0;
}
.quickreply .post-body .note-editor.note-frame .note-editing-area .note-editable p:last-of-type {
  margin-bottom: 0;
}
.quickreply .post-body .note-editor.note-frame .note-statusbar {
  background-color: inherit;
}
.quickreply .post-body .note-editor.note-frame .note-statusbar .note-resizebar {
  height: 10px;
}
.quickreply .controls.block-foot.submitrow {
  margin-top: 0;
}

.postbit > .controls > ul > li > a > span.text-label {
  display: none;
}
.postbit > .controls > ul > li > a > span.button-label-hover {
  width: 0px;
  opacity: 0;
  overflow: hidden;
  display: inline-block;
  transition: none;
  -webkit-transition: none;
}
.postbit > .controls > ul > li > a:hover {
  color: #333;
}
.postbit > .controls > ul > li > a:hover > span.button-label-hover {
  width: 100px;
  opacity: 1;
  -webkit-transition: opacity 0.5s linear 0.1s, width 0.2s linear;
  transition: opacity 0.5s linear 0.1s, width 0.2s linear;
}
.postbit > .controls > ul > li.open > a {
  color: #333;
  background: #e1e1e1;
}

.pagnav {
  margin: 0px;
  height: 32px;
}

.pagination {
  margin: 0px;
}

.pagenav-bottom {
  float: right;
  margin-right: 10px;
}

.actions {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1090;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
}
.actions * {
  box-sizing: border-box !important;
}
.actions .action {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  text-align: center;
  font-size: 26px;
  text-decoration: inherit;
  background: #fcfcfc;
  color: #337ab7;
  border: 0;
  border-radius: 50%;
  height: 48px;
  width: 48px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  position: relative;
  margin-top: 10px;
}
.actions .action > .badge {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #337ab7;
  color: white;
  padding: 4px;
  font-size: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.actions .action.primary-action {
  background: #337ab7;
  color: white;
  height: 56px;
  width: 56px;
}
.actions .action.primary-action i {
  font-size: 32px;
}
.actions .action.primary-action.disabled, .actions .action.primary-action:disabled {
  background: #8f8f8f;
}
.actions .action.primary-action > .badge {
  padding: 5px;
  font-size: 14px;
  background-color: white;
  color: #337ab7;
}
.actions .dropup .dropdown-menu {
  margin-bottom: -10px;
}
@media (max-width: 767px) {
  .actions .dropup .dropdown-menu {
    max-height: calc(100vh - 220px);
    overflow-y: auto;
  }
}

.submitrow {
  padding: 4px;
  padding-top: 0;
  text-align: center;
}

.advertisements {
  text-align: center;
  padding: 0;
}

.block-showforum {
  margin: 0;
  padding: 0;
}

.postbit > .userinfo > .avatar img {
  max-height: 70px;
}
.postbit > .userinfo > .signature {
  display: none;
}

@media (max-width: 767px) {
  .block-showthread-header .thread-links .thread-link {
    padding: 0;
  }
  .block-showthread-header .thread-links .thread-link.daily .btn {
    border: 0;
    padding: 3px 12px;
  }
}
@media (min-width: 768px) {
  .block-showthread-header header.block-header h1 {
    display: block;
  }
  .block-showthread-header header.block-header h2.title {
    font-size: 155%;
    margin-top: 0;
    font-weight: 300;
    margin-bottom: 4px;
  }
  .block-showthread-header header.block-header h2.title a {
    color: inherit;
  }
  .block-showthread-header header.block-header h3 {
    display: block;
  }
  .block-showthread-header header.block-header.haslink-daily .icon {
    display: none;
  }
  .block-showthread-header header.block-header.haslink-daily h1 {
    font-size: 80%;
  }
  .block-showthread-header header.block-header.haslink-daily h2.title {
    font-size: 110%;
  }
  .block-showthread-header header.block-header.haslink-daily h3 {
    display: none;
  }
  .block-showthread-header .thread-links .thread-link.daily {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .block-showthread-header .thread-links .thread-link.daily .dailyinclude-thumbnail {
    display: block;
  }
  .block-showthread-header .thread-links .thread-link.daily .dailyinclude-thumbnail .article-thumbnail {
    height: 108px;
    width: 192px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0;
  }
  .block-showthread-header .thread-links .thread-link.daily .dailyinclude-info {
    margin: 10px;
  }
  .block-showthread-header .thread-links .thread-link.daily .dailyinclude-info .dailyinclude-postmeta {
    display: block;
    margin-bottom: 5px;
  }
  .block-showthread-header .thread-links .thread-link.daily .dailyinclude-info .dailyinclude-postmeta a.article-title h3 {
    font-size: 150%;
    margin-top: 0;
    margin-bottom: 3px;
    font-weight: 300;
    font-family: "Raleway", -apple-system, BlinkMacSystemFont, Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
  .block-showthread-header .thread-links .thread-link.daily .dailyinclude-info .excerpt {
    display: block;
  }
  .block-showthread-header .thread-links .thread-link.daily .dailyinclude-info .byline {
    display: block;
  }
  .block-showthread-header .thread-links .thread-link.daily .btn {
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center;
    width: inherit;
  }

  .postbit > .post-content {
    display: flex;
  }
  .postbit > .post-content .userinfo {
    width: 200px;
    align-content: flex-start;
    display: flex;
    flex-direction: column;
    word-wrap: wrap;
    position: relative;
  }
  .postbit > .post-content .userinfo .username-usertitle {
    float: none;
    padding: 0;
    order: 2;
    text-align: center;
  }
  .postbit > .post-content .userinfo .avatar-container {
    margin-top: 15px;
    margin-bottom: 15px;
    order: 1;
    text-align: center;
  }
  .postbit > .post-content .userinfo img.avatar {
    max-width: 100%;
    max-height: 180px;
    width: auto;
    height: auto;
  }
  .postbit > .post-content .userinfo .minibio {
    display: block;
    margin-top: 20px;
    order: 3;
  }
  .postbit > .post-content .userinfo .column.teambadges {
    margin-right: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    order: 6;
  }
  .postbit > .post-content .userinfo .decal {
    order: 2;
  }
  .postbit > .post-content .userinfo .statistics {
    order: 5;
  }
  .postbit > .post-content .post {
    flex: 1;
  }
  .postbit.postbit-mini > .post-content .userinfo {
    min-width: 0;
    width: 130px;
  }
  .postbit.postbit-mini > .post-content .userinfo a.avatar img.avatar {
    max-width: 80px;
    max-height: 80px;
  }
  .postbit.postbit-mini > .post-content .userinfo .username-usertitle h1 {
    font-size: 110%;
  }
  .postbit.postbit-mini > .post-content .userinfo .username-usertitle h2 {
    display: none;
  }
  .postbit.postbit-mini > .post-content .userinfo .minibio {
    display: none;
  }
  .postbit.postbit-mini > .post-content .userinfo .statistics {
    display: none;
  }
  .postbit.postbit-top.postbit-mini > .post-content .userinfo {
    width: 100%;
  }
  .postbit.postbit-top > .post-content {
    display: block;
  }
  .postbit.postbit-top > .post-content .userinfo {
    width: 100%;
    flex-direction: row;
  }
  .postbit.postbit-top > .post-content .userinfo .username-usertitle {
    float: left;
    padding-left: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    order: 2;
    text-align: left;
  }
  .postbit.postbit-top > .post-content .userinfo .avatar-container {
    margin-top: 0;
    margin-bottom: 0;
    order: 1;
  }
  .postbit.postbit-top > .post-content .userinfo a.avatar img.avatar {
    max-width: 140px;
  }
  .postbit.postbit-top > .post-content .userinfo .minibio {
    margin-left: 20px;
    margin-top: 0;
    order: 6;
  }
  .postbit.postbit-top > .post-content .userinfo .column.teambadges {
    margin: 0;
    margin-right: 20px;
    order: 3;
  }
  .postbit.postbit-top > .post-content .userinfo .newmember {
    order: 2;
  }
  .postbit.postbit-top > .post-content .userinfo .statistics {
    order: 5;
  }
  .postbit.postbit-top > .post-content .userinfo .decal {
    order: 4;
    margin-right: 20px;
  }
  .postbit.postbit-top > .post-content .post-body {
    flex: 1;
  }
  .postbit.postbit-left > .post-content .userinfo {
    width: 200px;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .postbit.postbit-left > .post-content .userinfo {
    width: 250px;
  }
}
@media (min-width: 768px) {
  .postbit.postbit-left > .post-content .userinfo .username-usertitle {
    max-width: 100%;
  }
  .postbit.postbit-left > .post-content .userinfo .username-usertitle .username {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .postbit > .controls > ul > li > a > span.text-label {
    display: inline;
  }
}
@media (min-width: 768px) {
  .statistics {
    float: right;
    display: inline;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 11px;
    font-weight: 300;
    text-transform: uppercase;
  }
  .statistics .column {
    text-align: center;
    display: block;
    padding: 5px 10px;
  }
}
@media (min-width: 768px) {
  .postbit > .userinfo .signature {
    display: inherit;
  }
}
/* @end */
/* @group 2.7 Attachments */
ul.attached-files {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
ul.attached-files > .attachment {
  display: inline-block;
  display: -webkit-inline-box;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: inline-flex;
  min-width: 250px;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  margin-right: 5px;
  margin-bottom: 3px;
  background: #2a2a2a url("/images/styles/thejohtoelite/page/25jjgqb.png") repeat-x top left;
  color: #eee;
}
ul.attached-files > .attachment:last-of-type {
  margin-right: 0;
}
ul.attached-files > .attachment.open, ul.attached-files > .attachment:focus, ul.attached-files > .attachment:hover {
  background: #e6e6e6;
}
ul.attached-files > .attachment.open > a.attach-link > .attach-icon, ul.attached-files > .attachment:focus > a.attach-link > .attach-icon, ul.attached-files > .attachment:hover > a.attach-link > .attach-icon {
  background: #d7d7d7;
}
ul.attached-files > .attachment > a.attach-link {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  color: inherit;
  text-decoration: none;
}
ul.attached-files > .attachment > a.attach-link > .attach-icon {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background: #f1f1f1;
  color: #646464;
  padding: 5px;
}
ul.attached-files > .attachment > a.attach-link > .attach-icon span.icon {
  font-size: 24px;
}
ul.attached-files > .attachment > a.attach-link > .attach-filename {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: 300;
  font-size: 80%;
  padding: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  text-overflow: ellipsis;
  max-width: 180px;
  overflow-x: hidden;
}
ul.attached-files > .attachment > a.attach-link > .attach-filename .attachment-fileinfo {
  display: block;
  font-size: 70%;
  color: #555;
}
ul.attached-files > .attachment > .attach-delete {
  border: 0;
  background: transparent;
  color: #333;
  margin: 0;
  padding: 5px 7px;
  border-left: 1px solid #ccc;
}
ul.attached-files > .attachment > .dropdown-toggle {
  border-left: 1px solid #ccc;
  color: inherit;
  padding: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
ul.attached-files > .attachment.open > .dropdown-toggle, ul.attached-files > .attachment.open > .dropdown-toggle:hover, ul.attached-files > .attachment.open > .dropdown-toggle:focus {
  background: #303030;
}

/* @end */
/* @group 2.8 Advertising */
.pokecomm-adunit {
  text-align: center;
  /*
    padding-left: 10px;
    padding-right: 10px;
  */
}
.pokecomm-adunit .adunit-content {
  max-height: 70px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .pokecomm-adunit .adunit-content {
    max-height: 100px;
  }
}
.pokecomm-adunit .adunit-foot {
  font-size: 0.8rem;
  padding: 3px;
  color: #8a8a8a;
}
.pokecomm-adunit.adunit-quick-reply .adunit-foot {
  background: #303030;
  color: #646464;
}

/* @end */
/* @end */
/* @group 3. Page-Specific Elements */
/* @group 3.1 Dashboard */
.dashboard-nav a.dashboard-link {
  text-align: center;
  padding: 10px;
}
.dashboard-nav a.dashboard-link .icon {
  font-size: 32px;
}
.dashboard-nav a.dashboard-link .nav-label {
  font-size: 12px;
}
.dashboard-nav a.dashboard-link.dashboard-link-home {
  color: #8dd300;
}
.dashboard-nav a.dashboard-link.dashboard-link-messages {
  color: #e10057;
}
.dashboard-nav a.dashboard-link.dashboard-link-subscriptions {
  color: #00b4d4;
}
.dashboard-nav a.dashboard-link.dashboard-link-scrapbox {
  color: #e6c400;
}

/* @group 3.1.1 Dashboard & Settings */
@media screen and (max-width: 991px) {
  .block-menu .menu {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .block-menu .menu {
    display: block !important;
  }
}
.menu-expand-button {
  transition: 0.15s transform ease-in;
}

/* Friend and Block Manager */
.confirm-block .phrase-friend {
  font-weight: bold;
  color: #f77367;
}
.confirm-block .phrase-block {
  font-weight: bold;
  color: #525456;
}

.friends-block .friend-add, .friends-block .block-add, .block-block .friend-add, .block-block .block-add {
  display: flex;
}
.friends-block .friend-add .friends-flex, .friends-block .friend-add .block-flex, .friends-block .block-add .friends-flex, .friends-block .block-add .block-flex, .block-block .friend-add .friends-flex, .block-block .friend-add .block-flex, .block-block .block-add .friends-flex, .block-block .block-add .block-flex {
  display: flex;
}
.friends-block .friend-add form, .friends-block .block-add form, .block-block .friend-add form, .block-block .block-add form {
  width: 100%;
}
.friends-block .friend-add form .input, .friends-block .block-add form .input, .block-block .friend-add form .input, .block-block .block-add form .input {
  flex-grow: 1;
}
.friends-block .friend-add form .submit, .friends-block .block-add form .submit, .block-block .friend-add form .submit, .block-block .block-add form .submit {
  margin-left: 5px;
}
.friends-block p, .block-block p {
  padding: 5px;
}
.friends-block .block-foot, .block-block .block-foot {
  padding: 5px;
  padding-top: 0;
  text-align: center;
}
.friends-block .block-foot, .block-block .block-foot {
  text-align: center;
}
.friends-block ul.block-friend-list, .block-block ul.block-friend-list {
  list-style: none;
  width: 100%;
  padding-left: 0;
}
.friends-block ul.block-friend-list li, .block-block ul.block-friend-list li {
  background-color: #303030;
  display: flex;
  padding: 5px;
}
.friends-block ul.block-friend-list li .btn, .block-block ul.block-friend-list li .btn {
  font-size: 0.7rem;
  display: inline-flex;
  align-items: center;
  margin-bottom: 5px;
}
.friends-block ul.block-friend-list li .btn input:not(.show), .block-block ul.block-friend-list li .btn input:not(.show) {
  display: none;
}
.friends-block ul.block-friend-list li .btn span, .block-block ul.block-friend-list li .btn span {
  font-size: 1rem;
}
.friends-block ul.block-friend-list li .btn input:checked + span .fa-square, .block-block ul.block-friend-list li .btn input:checked + span .fa-square {
  display: none;
}
.friends-block ul.block-friend-list li .btn input:not(:checked) + span .fa-check-square, .block-block ul.block-friend-list li .btn input:not(:checked) + span .fa-check-square {
  display: none;
}
.friends-block ul.block-friend-list li .btn svg, .block-block ul.block-friend-list li .btn svg {
  width: 16px;
  margin-right: 3px;
}
.friends-block ul.block-friend-list li .btn.btn-friend, .block-block ul.block-friend-list li .btn.btn-friend {
  background-color: #f77367;
  color: white;
}
.friends-block ul.block-friend-list li .btn.btn-contact, .block-block ul.block-friend-list li .btn.btn-contact {
  background-color: #337ab7;
  color: white;
}
.friends-block ul.block-friend-list li .btn.btn-blocked, .block-block ul.block-friend-list li .btn.btn-blocked {
  background-color: #6b6d70;
  color: white;
}
.friends-block ul.block-friend-list li:not(:last-child), .block-block ul.block-friend-list li:not(:last-child) {
  padding-bottom: 0.5rem;
}
.friends-block ul.block-friend-list li:nth-child(even), .block-block ul.block-friend-list li:nth-child(even) {
  background-color: #323232;
}
.friends-block ul.block-friend-list li .friend-actions, .friends-block ul.block-friend-list li .block-actions, .block-block ul.block-friend-list li .friend-actions, .block-block ul.block-friend-list li .block-actions {
  align-self: center;
  margin-right: 0.5rem;
}
.friends-block ul.block-friend-list li .user-block, .block-block ul.block-friend-list li .user-block {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.friends-block ul.block-friend-list li .user-block a, .block-block ul.block-friend-list li .user-block a {
  display: flex;
  align-items: center;
}
.friends-block ul.block-friend-list li .user-block a .avatar, .block-block ul.block-friend-list li .user-block a .avatar {
  width: 40px;
  border-radius: 50%;
}
.friends-block ul.block-friend-list li .user-block a .username, .block-block ul.block-friend-list li .user-block a .username {
  margin-left: 8px;
  margin-right: 8px;
}
.friends-block ul.block-friend-list li .user-block .status, .block-block ul.block-friend-list li .user-block .status {
  font-size: 0.8rem;
  border-radius: 4px;
  padding: 2px 5px;
  width: 60px;
  text-align: center;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
.friends-block ul.block-friend-list li .user-block .status.status-pending, .block-block ul.block-friend-list li .user-block .status.status-pending {
  background-color: #dee0e2;
  color: black;
}
.friends-block ul.block-friend-list li .user-block .status.status-contact, .block-block ul.block-friend-list li .user-block .status.status-contact {
  background-color: #337ab7;
  color: white;
}
.friends-block ul.block-friend-list li .user-block .status.status-friend, .block-block ul.block-friend-list li .user-block .status.status-friend {
  background-color: #f77367;
  color: white;
}

/* @end */
/* @group 3.1.2 Private Messages */
.block .message-bit {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  max-width: 100%;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.block .message-bit.unread {
  background-color: rgba(216, 238, 255, 0.3);
}
.block .message-bit:hover, .block .message-bit:focus {
  background-color: rgba(236, 236, 236, 0.4);
}
.block .message-bit.unread:hover, .block .message-bit.unread:focus {
  background-color: rgba(216, 238, 255, 0.7);
}
.block .message-bit:last-of-type {
  border-bottom: 0;
}
.block .message-bit a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  min-height: 60px;
  color: inherit;
  text-decoration: none;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 3px 15px;
}
.block .message-bit a .avatar-container {
  width: 48px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-right: 8px;
}
.block .message-bit a .avatar-container .avatar {
  max-width: 48px;
  max-height: 48px;
  width: auto;
  height: auto;
}
.block .message-bit a div.message-data {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.block .message-bit a div.message-data .message-sender {
  font-weight: bold;
  font-size: 100%;
}
.block .message-bit a div.message-data .message-sender .message-time {
  font-weight: normal;
  float: right;
  font-size: 75%;
  margin-top: 3px;
}
.block .message-bit a div.message-data .message-sender:after {
  display: table;
  content: "";
  clear: both;
}
.block .message-bit a div.message-data .message-subject {
  font-size: 90%;
}
.block .message-bit a div.message-data .message-sample {
  font-size: 80%;
  color: #538fca;
}

.message-history #threadpms article.postbit .post-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.message-history #threadpms article.postbit .post-content .userinfo {
  width: 105px;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.message-history #threadpms article.postbit .post-content .userinfo .avatar-container {
  margin: 0;
}
.message-history #threadpms article.postbit .post-content .userinfo .avatar-container a.avatar img.avatar {
  max-width: 64px;
}
.message-history #threadpms article.postbit .post-content .userinfo.no-avatar:before {
  content: "?";
  font-size: 52px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.36);
  height: 64px;
  width: 64px;
  background: radial-gradient(rgba(0, 0, 0, 0.11), rgba(0, 0, 0, 0.46)), linear-gradient(to top, #646464, #c7c7c7);
}
.message-history #threadpms article.postbit .post-content .userinfo .username-usertitle, .message-history #threadpms article.postbit .post-content .userinfo div.statistics, .message-history #threadpms article.postbit .post-content .userinfo div.minibio {
  display: none;
}
.message-history #threadpms article.postbit .post-content .post-body .signature {
  display: none;
}

#pm_historylink.btn {
  white-space: unset !important;
}
#pm_historylink.btn-link {
  color: #c8dcf0 !important;
}

/* @end */
/* @group 3.1.3 Infractions */
.block .infraction-bit {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  max-width: 100%;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  color: inherit;
  padding: 3px 15px;
}
.block .infraction-bit.reversed .card-container {
  opacity: 0.3;
}
.block .infraction-bit.reversed .infraction-reason {
  text-decoration: line-through;
}
.block .infraction-bit.reversed .infraction-reason .infraction-time {
  text-decoration: none;
}
.block .infraction-bit:last-of-type {
  border-bottom: 0;
}
.block .infraction-bit .card-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-right: 6px;
}
.block .infraction-bit .card-container .infraction-card {
  font-size: 90%;
}
.block .infraction-bit .card-container .infraction-card.redcard {
  color: #d5380c;
}
.block .infraction-bit .card-container .infraction-card.yellowcard {
  color: #f4cb00;
}
.block .infraction-bit div.infraction-data {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.block .infraction-bit div.infraction-data .infraction-reason {
  font-size: 100%;
}
.block .infraction-bit div.infraction-data .infraction-reason .infraction-time {
  font-weight: normal;
  float: right;
  font-size: 75%;
  margin-top: 3px;
}
.block .infraction-bit div.infraction-data .infraction-thread {
  font-size: 80%;
}
.block .infraction-bit div.infraction-data .infraction-info {
  font-size: 75%;
  color: #538fca;
}

/* @end */
/* @group 3.1.4 Notes */
.list-items.list-items-striped .row {
  background: #303030;
}
.list-items.list-items-striped .row:nth-child(even) {
  background-color: #323232;
}
.list-items.list-items-striped .row a {
  color: inherit;
  text-decoration: none;
}

.notes-list .container-fluid {
  margin-bottom: 0;
}
.notes-list .container-fluid .row {
  display: block;
}
.notes-list .container-fluid .row .note-link {
  padding-top: 8px;
  padding-bottom: 8px;
}
.notes-list .container-fluid .row .note-link h2 {
  margin: 0;
  margin-bottom: 3px;
  font-size: 100%;
  font-weight: bold;
}
.notes-list .container-fluid .row .note-link .excerpt {
  display: block;
  line-height: 20px;
  margin-top: 2px;
  font-size: 12px;
  color: #959595;
  border-radius: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  white-space: nowrap;
}
.notes-list .container-fluid .row .note-link .excerpt:empty {
  display: none;
}
.notes-list .container-fluid .row .note-link .excerpt .excerpt-text {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notes-list .container-fluid .row .note-byline {
  padding: 8px 22px;
  text-align: right;
  color: #8a8a8a;
  font-size: 75%;
}

.block-notes-view .content {
  padding: 10px 20px;
}

/* @end */
/* @end */
/* @group 3.2 Settings */
.settings-set {
  list-style-type: none;
}
.settings-set li > a.option {
  display: block;
  padding: 10px 15px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.settings-set li:nth-child(even) > a.option {
  background-color: rgba(0, 0, 0, 0.02);
}
.settings-set li > a.option {
  color: inherit;
  text-decoration: inherit;
}
.settings-set li > a.option > img.icon {
  width: 32px;
  float: left;
  margin-right: 10px;
  border-radius: 50%;
}
.settings-set li > a.option > div.icon {
  font-size: 1.4rem;
  margin-right: 10px;
}
.settings-set li > a.option > .option-label {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 110%;
  font-weight: 300;
}
.settings-set li > a.option > .option-label .option-description {
  display: block;
  font-size: 75%;
  color: #8a8a8a;
}
.settings-set li > a.option:hover, .settings-set li > a.option:focus {
  background-color: rgba(0, 0, 0, 0.04);
}

/* @end */
/* @group 3.3 Legacy Dashboard */
.block > .menu > .nav .nav-header > h2 {
  background: none;
  color: #555;
  padding: 10px 10px;
  font-size: 85%;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
.block > .menu > .nav .nav-header.has-controls {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.block > .menu > .nav .nav-header.has-controls h2 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.block > .menu > .nav .nav-header.has-controls .nav-header-controls {
  font-size: 70%;
  margin: 0;
  padding: 0;
}
.block > .menu > .nav .nav-header.has-controls .nav-header-controls li {
  display: block;
}
.block > .menu > .nav .nav-header.has-controls .nav-header-controls li a {
  display: block;
  color: #777;
}
.block > .menu > .nav .nav-header > a {
  background: none;
  color: #555;
  padding: 0;
  font-size: 10pt;
}
.block > .menu > .nav .nav-header > a > h2 {
  font-size: 10pt;
  font-weight: bold;
  padding: 10px 10px;
  text-transform: uppercase;
  margin: 0;
}
.block > .menu > .nav .pane-link > a:hover, .block > .menu > .nav .pane-link > a:focus {
  background-color: #e5e5e5;
}
.block > .menu > .nav .pane-link.active > a {
  color: #fff;
  background-color: #337ab7;
}
.block > .menu > .nav .pane-link.active .dropdown-toggle .caret {
  display: none;
}
.block > .menu > .nav .pane-link.active .dropdown-menu {
  display: block;
  position: static;
  box-shadow: none;
  float: none;
  margin: 0;
  border: 0;
}
.block > .menu > .nav .pane-link.pane-folder a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.block > .menu > .nav .pane-link.pane-folder a .icon {
  margin-right: 7px;
}

.current-avatar-settings {
  margin-bottom: 20px;
}
.current-avatar-settings .current-avatar {
  width: 84px;
  height: 84px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  position: relative;
  margin-right: 10px;
  margin-bottom: 0;
}
.current-avatar-settings .current-avatar img {
  max-height: 74px;
  max-width: 74px;
  width: auto;
  height: auto;
}
.current-avatar-settings .current-avatar .no-avatar {
  font-weight: bold;
  font-size: 80%;
  text-transform: uppercase;
  opacity: 0.8;
}
.current-avatar-settings .current-avatar a.overlay {
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 8px;
  right: 8px;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: white;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  z-index: 1000;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 80%;
  padding: 10px;
  opacity: 0;
  transition: 0.1s ease-in opacity;
  text-decoration: none;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}
.current-avatar-settings .current-avatar a.overlay:hover, .current-avatar-settings .current-avatar a.overlay:focus {
  opacity: 1;
}
.current-avatar-settings .current-avatar a.overlay .subinfo {
  opacity: 0.5;
  font-size: 80%;
  display: block;
  text-transform: initial;
}

.avatar-gallery {
  padding: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-height: 300px;
  height: auto;
  overflow: auto;
}
.avatar-gallery li.avatarbit {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 5px;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.avatar-gallery li.avatarbit .input-avatar-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 5px;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  width: 74px;
  height: 74px;
}
.avatar-gallery li.avatarbit input[type=radio] {
  position: absolute;
  z-index: 10000;
  opacity: 0;
  bottom: 5px;
  left: 5px;
}
.avatar-gallery li.avatarbit input[type=radio]:checked + .input-avatar-box {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  background: rgba(230, 230, 230, 0.9);
}
.avatar-gallery li.avatarbit img.avatar {
  max-height: 64px;
  max-width: 64px;
  width: auto;
  height: auto;
}
.avatar-gallery li.avatarbit label {
  font-size: 0;
  margin-bottom: 0;
  position: relative;
}
.avatar-gallery:after {
  clear: both;
  display: table;
  content: "";
}

.audits-list {
  padding: 0;
  margin: 0;
}
.audits-list > li {
  display: block;
  border-bottom: 1px solid #ddd;
}
.audits-list > li:last-of-type {
  border-bottom: none;
}
.audits-list > li ul.device {
  padding: 10px;
  margin: 0;
}
.audits-list > li ul.device li {
  display: block;
  font-size: 90%;
}
.audits-list > li ul.device li.browser {
  font-size: 120%;
  font-weight: 300;
}
.audits-list > li ul.device li.icon {
  font-size: 50px;
  float: left;
  margin-right: 10px;
}
.audits-list > li ul.device .location-lookup {
  display: none;
}
.audits-list > li ul.device:hover .location-lookup, .audits-list > li ul.device:focus .location-lookup {
  display: inline;
}
.audits-list > li:after {
  clear: both;
  display: table;
  content: "";
}

@media (min-width: 768px) {
  .current-avatar-settings .current-avatar {
    width: 168px;
    height: 168px;
    margin-right: 20px;
  }
  .current-avatar-settings .current-avatar img {
    max-height: 150px;
    max-width: 150px;
  }

  .avatar-gallery {
    max-height: 300px;
  }
  .avatar-gallery li.avatarbit .input-avatar-box {
    width: 110px;
    height: 110px;
  }
  .avatar-gallery li.avatarbit img.avatar {
    max-height: 100px;
    max-width: 100px;
    width: auto;
    height: auto;
  }
}
/* @end */
/* @group 3.4 Staff List */
div.memberlist ul.userlist {
  padding: 0;
  margin: 0;
}
div.memberlist ul.userlist li {
  list-style: none;
  padding: 1rem;
  display: flex;
  flex-wrap: wrap;
}
div.memberlist ul.userlist li .username {
  display: flex;
  justify-content: center;
  flex-grow: 1;
  flex-shrink: 1;
  flex-direction: column;
}
div.memberlist ul.userlist li .lastvisit, div.memberlist ul.userlist li .posts, div.memberlist ul.userlist li .joindate {
  flex-grow: 0;
  flex-shrink: 0;
}
div.memberlist ul.userlist li .lastvisit, div.memberlist ul.userlist li .posts, div.memberlist ul.userlist li .joindate {
  display: flex;
  align-items: center;
  width: max-content;
  margin-right: 1em;
  flex-basis: 210px;
}
div.memberlist ul.userlist li .lastvisit svg, div.memberlist ul.userlist li .posts svg, div.memberlist ul.userlist li .joindate svg {
  margin-right: 0.5em;
}

div.staffgroup ul.stafflist {
  padding: 0;
  margin: 0;
}
div.staffgroup ul.stafflist li {
  list-style: none;
  padding: 1rem;
  display: flex;
  flex-wrap: wrap;
}
div.staffgroup ul.stafflist li:nth-child(odd) {
  background-color: #303030;
}
div.staffgroup ul.stafflist li:nth-child(even) {
  background-color: #323232;
}
div.staffgroup ul.stafflist li .username {
  display: flex;
  justify-content: center;
  flex-grow: 1;
  flex-shrink: 1;
  flex-direction: column;
}
div.staffgroup ul.stafflist li .pm, div.staffgroup ul.stafflist li .status {
  flex-grow: 0;
  flex-shrink: 0;
}
div.staffgroup ul.stafflist li .status {
  display: flex;
  align-items: center;
  width: max-content;
  margin-right: 1em;
  flex-basis: 210px;
}
div.staffgroup ul.stafflist li .status svg {
  margin-right: 0.5em;
}
div.staffgroup ul.stafflist li .pm {
  width: min-content;
  text-align: center;
}
div.staffgroup ul.stafflist li .forums {
  width: 100%;
  font-size: 0.7em;
}

/* @end */
/* @group 3.5 Manage Attachments */
.attachment-manager .tab-content {
  padding: 10px;
}
.attachment-manager .alert {
  text-overflow: ellipsis;
  overflow: hidden;
}
.attachment-manager ul.attached-files {
  display: block;
}
.attachment-manager ul.attached-files > .attachment {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-right: 0;
  margin-bottom: 3px;
  min-width: inherit;
}
.attachment-manager ul.attached-files > .attachment > a.attach-link > .attach-filename {
  max-width: inherit;
}
.attachment-manager.js-enabled .upload-container {
  padding: 20px;
  border: 4px dashed #ddd;
  border-radius: 10px;
  text-align: center;
}
.attachment-manager.js-enabled .upload-container.holder-hover {
  border: 4px dashed #0062b6;
  background: #daedfd;
}
.attachment-manager.js-enabled .upload-container.holder-hover p.help-block {
  color: #0062b6;
}
.attachment-manager.js-enabled .upload-container .attachment-form {
  display: none;
}
.attachment-manager.js-enabled .upload-container p.help-block {
  font-size: 90%;
  line-height: 1.7;
}
.attachment-manager.js-enabled .upload-container p.help-block .banner-text {
  font-size: 145%;
}

/* @end */
/* @group 3.6 Who's Online Page */
div.whosonline ul.whosonline-userlist {
  padding: 0;
  margin: 0;
}
div.whosonline ul.whosonline-userlist li {
  list-style: none;
  padding: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
div.whosonline ul.whosonline-userlist li:nth-child(odd) {
  background-color: #303030;
}
div.whosonline ul.whosonline-userlist li:nth-child(even) {
  background-color: #323232;
}
div.whosonline ul.whosonline-userlist li .username {
  display: flex;
  justify-content: center;
  flex-grow: 1;
  flex-shrink: 1;
  flex-direction: column;
}
div.whosonline ul.whosonline-userlist li .username .indicator {
  font-size: 80%;
  margin-left: 5px;
  color: #999;
}
div.whosonline ul.whosonline-userlist li .secondary-info {
  display: flex;
  justify-content: center;
}
div.whosonline ul.whosonline-userlist li.showing-ip .secondary-info {
  flex-basis: 300px;
}
@media screen and (max-width: 768px) {
  div.whosonline ul.whosonline-userlist li.showing-ip .secondary-info {
    justify-content: center;
    flex-grow: 1;
  }
}
div.whosonline ul.whosonline-userlist li .ip, div.whosonline ul.whosonline-userlist li .status {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.whosonline ul.whosonline-userlist li .ip svg, div.whosonline ul.whosonline-userlist li .status svg {
  margin-right: 0.5em;
}
@media screen and (max-width: 768px) {
  div.whosonline ul.whosonline-userlist li.showing-ip .username {
    flex-basis: 100%;
    margin-bottom: 0.35em;
  }
  div.whosonline ul.whosonline-userlist li.showing-ip .ip {
    flex-grow: 1;
  }
  div.whosonline ul.whosonline-userlist li.showing-ip .status {
    flex-basis: unset;
  }
}
div.whosonline ul.whosonline-userlist li .useragent {
  font-style: italic;
  flex-basis: 25px;
  text-align: right;
}
div.whosonline ul.whosonline-userlist li .action {
  width: 100%;
  font-size: 0.7em;
}
div.whosonline ul.whosonline-userlist li .action .reallocation {
  font-style: italic;
}

.whosonline-form form {
  display: flex;
  align-items: center;
  padding: 1rem;
}
.whosonline-form form .form-area-main {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.whosonline-form form .form-area-main .field:not(:first-of-type) {
  margin-left: 0.25rem;
}
.whosonline-form form .form-area-main .field:not(:last-of-type) {
  margin-right: 0.25rem;
}
@media screen and (max-width: 768px) {
  .whosonline-form form .form-area-main .field.ua-field {
    display: none;
  }
}
.whosonline-form form .form-area-main .field .form-control {
  display: inline-block;
  width: unset;
}

/* @end */
/* @group 3.7 Advanced Search */
.advanced-search-block .search-keywords-wrapper {
  display: flex;
}
.advanced-search-block .search-keywords-wrapper #query {
  flex-grow: 1;
  margin-right: 5px;
}
.advanced-search-block .search-keywords-wrapper #search-type {
  width: unset !important;
}
.advanced-search-block hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
.advanced-search-block .show-results-as label {
  font-weight: normal !important;
}
.advanced-search-block .show-results-as label:not(:last-of-type) {
  margin-right: 5px;
}
.advanced-search-block .show-results-as label input[type=radio] {
  margin-right: 3px;
}
.advanced-search-block .also-search-subforums {
  margin-top: 5px;
}
.advanced-search-block .aligned-items {
  display: flex;
  align-items: center;
}
.advanced-search-block .aligned-items .form-control.grows {
  flex-grow: 1;
}
.advanced-search-block .aligned-items .form-control:not(.grows) {
  width: unset !important;
}
.advanced-search-block .aligned-items .form-control:not(:last-child) {
  margin-right: 5px;
}
.advanced-search-block .aligned-items .form-control:not(:first-child):first-of-type {
  margin-left: 5px;
}

/* @end */
/* @end */
/* @group 4. Small Elements and Utility Classes */
/* @group 4.1 Online Status */
.online-indicator {
  display: none;
  -webkit-text-stroke: 2px white;
}
.online-indicator.online {
  display: inline-block;
  color: #71d200;
}
.online-indicator.offline {
  display: inline-block;
}
.online-indicator.invisible {
  display: inline-block;
  color: #d76500;
}

/* @end */
/* @group 4.2 Mini Profile Popover */
ul.popover-menu {
  min-width: 250px;
  padding: 0.5em;
  top: initial;
  left: initial;
}
ul.popover-menu li.link-icons div {
  display: flex;
  justify-content: space-around;
  font-size: 1.5em;
}
ul.popover-menu li.profile-field strong {
  text-transform: uppercase;
  display: block;
  font-size: 80%;
}
ul.popover-menu li.profile-field ~ li.profile-field {
  margin-top: 10px;
}
ul.popover-menu ul.ranks {
  list-style-type: none;
  padding: 0;
}
.badge-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  margin-top: 10px !important;
}
.badge-list .badge {
  min-width: 20px;
  text-align: center;
  font-size: 120%;
  font-weight: bold;
  display: block;
  border: 1px solid #999;
  background-color: #fefefe;
  border-radius: 4px;
  padding: 2px 4px;
  margin-bottom: 15px;
}

.dual-column {
  display: flex;
}
.dual-column .content {
  width: 80%;
  padding: 6px;
  background: HSL(0, 0%, 96%);
}
.dual-column .badges {
  width: 30%;
  padding: 2px 10px;
  background: HSL(0, 0%, 88%);
  margin-left: 3px;
}

.pc-popover-position {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}

.pc-popover {
  padding: 0px;
  overflow-x: hidden;
  min-width: 350px;
  max-width: 350px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.4);
}
.pc-popover .block {
  margin: 0;
  border: 0;
}

.pc-popover-profile header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
  padding-bottom: 5px;
}
.pc-popover-profile header h1 {
  font-size: 140%;
  font-weight: 400;
  margin: 0;
}
.pc-popover-profile .content, .pc-popover-profile .badges {
  font-size: 90%;
}
.pc-popover-profile .content h2, .pc-popover-profile .badges h2 {
  font-size: 80%;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 3px;
}
.pc-popover-profile .content .section, .pc-popover-profile .badges .section {
  margin: 20px 0;
}
.pc-popover-profile .content .section:first-of-type, .pc-popover-profile .badges .section:first-of-type {
  margin-top: 0;
}
.pc-popover-profile .content .section:last-of-type, .pc-popover-profile .badges .section:last-of-type {
  border-top: 1px dashed rgba(0, 0, 0, 0.2);
  margin-bottom: 0;
  padding-top: 10px;
}

.contact-links {
  margin: 0;
  padding: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.contact-links li {
  display: block;
  flex: 1;
}
.contact-links li a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  margin: 3px;
  padding: 3px 5px;
  text-align: center;
  color: #727272;
  font-size: 20px;
  opacity: 0.9;
  vertical-align: bottom;
  transition: 0.15s all ease;
  box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.1);
}

/* @end */
/* @group 4.3 Avatar */
/*
.postbit > .userinfo img.avatar.postbit-avatar {
  max-width: 48px;
  max-height: 48px;
  transition-property: all;
  transition-delay: 0.2s;
  transition-timing-function: ease;
}
*/
/*
@media (min-width: 768px) {
  .postbit > .userinfo img.avatar.postbit-avatar {
    max-width: 96px;
    max-height: 96px;
  }
}

@media (min-width: 768px) {
  .postbit > .userinfo img.avatar.postbit-avatar {
    max-width: 128px;
    max-height: 128px;
  }
}

@media (min-width: 992px) {
  .postbit > .userinfo img.avatar.postbit-avatar {
    max-width: 150px;
    max-height: 150px;
  }
}

@media (min-width: 1200px) {
  .postbit > .userinfo img.avatar.postbit-avatar {
    max-width: 180px;
    max-height: 180px;
  }
}
*/
.avatar.dashboard-avatar {
  max-width: 320px;
  max-height: 320px;
}
.avatar.blog-entry-avatar {
  max-width: 100%;
}
.avatar.blog-comment-avatar {
  max-width: 135px;
  max-height: 135px;
}

/* @end */
/* @group 4.4 BB Code */
span.highlight {
  color: black;
  background-color: rgba(255, 255, 153, 0.9);
}

.bbcodeblock {
  display: block;
  padding: 10px 15px;
  margin: 20px 0;
  color: #333;
  background-color: #f5f5f5;
  background-color: rgba(0, 0, 0, 0.03);
  border: 1px solid #ccc;
  border-radius: 4px;
}
.bbcodeblock.quote .byline {
  font-size: 85%;
  margin-bottom: 10px;
  color: #777;
}
.bbcodeblock.quote .byline a {
  color: inherit;
}
.bbcodeblock.spoiler {
  display: none;
  margin-top: 5px;
}

/* @group 4.4.1 highlight.js Syntax Coloring */
/*
Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmail.com>
*/
.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  /*         background: #fdf6e3; */
  color: #657b83;
  -webkit-text-size-adjust: none;
}

.hljs-comment, .diff .hljs-header, .hljs-doctype, .hljs-pi, .lisp .hljs-string {
  color: #93a1a1;
}

/* Solarized Green */
.hljs-keyword, .hljs-winutils, .method, .hljs-addition, .css .hljs-tag, .hljs-request, .hljs-status, .nginx .hljs-title {
  color: #82ad03;
}

/* Solarized Cyan */
.hljs-number, .hljs-command, .hljs-string, .hljs-tag .hljs-value, .hljs-rule .hljs-value, .hljs-doctag, .tex .hljs-formula, .hljs-regexp, .hljs-hexcolor, .hljs-link_url {
  color: #31bcb1;
}

/* Solarized Blue */
.hljs-title, .hljs-localvars, .hljs-chunk, .hljs-decorator, .hljs-built_in, .hljs-identifier, .vhdl .hljs-literal, .hljs-id, .css .hljs-function, .hljs-name {
  color: #268bd2;
}

/* Solarized Yellow */
.hljs-attribute, .hljs-variable, .lisp .hljs-body, .smalltalk .hljs-number, .hljs-constant, .hljs-class .hljs-title, .hljs-parent, .hljs-type, .hljs-link_reference {
  color: #d4a000;
}

/* Solarized Orange */
.hljs-preprocessor {
  color: #cb4b16;
}
.hljs-preprocessor .hljs-keyword {
  color: #cb4b16;
}

.hljs-pragma, .hljs-shebang {
  color: #cb4b16;
}

.hljs-symbol {
  color: #cb4b16;
}
.hljs-symbol .hljs-string {
  color: #cb4b16;
}

.diff .hljs-change, .hljs-special, .hljs-attr_selector, .hljs-subst, .hljs-cdata, .css .hljs-pseudo, .hljs-header {
  color: #cb4b16;
}

/* Solarized Red */
.hljs-deletion, .hljs-important {
  color: #dc322f;
}

/* Solarized Violet */
.hljs-link_label {
  color: #6c71c4;
}

.tex .hljs-formula {
  background: #eee8d5;
}

/* @end */
/* @end */
/* @group 4.4 Thread Categories */
.category-list {
  padding: 6px;
  background: #f6f6f6;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.category-list .list-heading {
  margin: 0;
  font-size: 11px;
  font-weight: bold;
  padding: 5px;
  color: #999;
  text-transform: uppercase;
  margin-right: 5px;
}
.category-list .list .reserved-prefix, .category-list .list .generic-prefix, .category-list .list .thread-category {
  margin-top: 1px;
  margin-bottom: 1px;
}
.category-list .list .category {
  white-space: nowrap;
}
.category-list span.prefix-expanded-text {
  display: inline;
}
.category-list span.prefix-show-all {
  display: none;
  font-size: 8pt;
  cursor: pointer;
}
.category-list .category {
  text-decoration: none;
  padding-bottom: 3px;
  display: inline-flex;
  align-items: stretch;
}
.category-list .category.prefix-remove {
  display: none;
}
.category-list a.categorygroup-dccs, .category-list a.categorygroup-section_categories {
  /* categories not shown by default */
  display: none;
}

span.prefix-expanded-text {
  display: none;
}

.category-list-filtered a.categorygroup-dccs, .category-list-filtered a.categorygroup-section_categories {
  /* categories not shown by default */
  display: inline;
}

.category-list.category-list-67.category-list-standard a > span, .category-list.category-list-184.category-list-standard a > span, .category-list.category-list-204.category-list-standard a > span {
  display: none;
}
.category-list.category-list-67.category-list-standard a > span.prefix-popular, .category-list.category-list-184.category-list-standard a > span.prefix-popular, .category-list.category-list-204.category-list-standard a > span.prefix-popular, .category-list.category-list-67.category-list-standard span.prefix-show-all, .category-list.category-list-184.category-list-standard span.prefix-show-all, .category-list.category-list-204.category-list-standard span.prefix-show-all {
  display: inline;
}

.category-list-filtered a {
  opacity: 0.2;
}
.category-list-filtered a.prefix-remove {
  display: inline;
  opacity: 1;
}
.category-list-filtered a:hover, .category-list-filtered a.prefix-selected {
  opacity: 1;
}

.generic-prefix.no-category, .thread-category.no-category {
  background-color: white;
  color: gray;
  padding: 0 5px;
  border: 1px dashed gray !important;
}

.reserved-prefix {
  display: inline-block;
  background-color: #cf0505;
  font-weight: 300;
  color: white;
  border-bottom: none !important;
  padding: 1px 6px;
  border-radius: 3px;
  margin-right: 2px;
  vertical-align: baseline;
  /*
    box-shadow: inset 6px 0 0 rgba(255, 255, 255, 0.5);
    padding-left: 12px;
  */
}
.reserved-prefix [class^=icon-]:before, .reserved-prefix [class*=" icon-"]:before {
  line-height: 1.3em !important;
}
.reserved-prefix.reserved-prefix-discussion {
  background-color: #0063d3;
  border-bottom-color: #004593;
}
.reserved-prefix.reserved-prefix-voting {
  background-color: #d50000;
  border-bottom-color: 2px solid #8c0000;
}
.reserved-prefix.reserved-prefix-action {
  background-color: #28be00;
  border-bottom-color: 2px solid #197700;
}
.reserved-prefix.reserved-prefix-resolved {
  background-color: #888888;
  border-bottom-color: 2px solid #494949;
}
.reserved-prefix.reserved-prefix-pc {
  background-color: #fc3500;
  border-bottom-color: 2px solid #bd2800;
}
.reserved-prefix.reserved-prefix-gt {
  background-color: #00ab59;
  border-bottom-color: 2px solid #00723b;
}

.generic-prefix, .thread-category {
  display: inline-block;
  font-weight: 300;
  background-color: #cf0505;
  color: white;
  /*       text-shadow: 0 1px 0 rgba(0,0,0,0.75); */
  padding: 1px 6px;
  /*      border-bottom: 2px solid #880000; */
  /*       box-shadow: inset 0 0 4px -1px rgba(255,255,255,0.9); */
  /*      background-image: -moz-repeating-linear-gradient(-45deg,rgba(0,0,0,0.0),rgba(0,0,0,0.0) 5px,rgba(0,0,0,0.05) 5px,rgba(0,0,0,0.05) 10px);
        background-image: -webkit-repeating-linear-gradient(-45deg,rgba(0,0,0,0.0),rgba(0,0,0,0.0) 5px,rgba(0,0,0,0.05) 5px,rgba(0,0,0,0.05) 10px);
        background-image: -o-repeating-linear-gradient(-45deg,rgba(0,0,0,0.0),rgba(0,0,0,0.0) 5px,rgba(0,0,0,0.05) 5px,rgba(0,0,0,0.05) 10px);
        background-image: -ms-repeating-linear-gradient(-45deg,rgba(0,0,0,0.0),rgba(0,0,0,0.0) 5px,rgba(0,0,0,0.05) 5px,rgba(0,0,0,0.05) 10px);
        background-image: repeating-linear-gradient(-45deg,rgba(0,0,0,0.0),rgba(0,0,0,0.0) 5px,rgba(0,0,0,0.05) 5px,rgba(0,0,0,0.05) 10px);
        background-repeat: repeat; */
  vertical-align: baseline;
  border-bottom: none !important;
  height: auto !important;
}
.generic-prefix:first-of-type, .thread-category:first-of-type {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.generic-prefix:last-of-type, .thread-category:last-of-type {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-right: 2px;
}
.generic-prefix.generic-prefix-compact, .thread-category.generic-prefix-compact {
  padding: 1px 2px;
}

.block.threadbit .threadmeta .status-prefixes .generic-prefix {
  padding-left: 3px;
  padding-right: 3px;
}
.block.threadbit .threadmeta .status-prefixes .generic-prefix.locked, .block.threadbit .threadmeta .status-prefixes .generic-prefix.locked:hover {
  background-color: #5d5d5d;
  color: white;
}
.block.threadbit .threadmeta .status-prefixes .generic-prefix.moved, .block.threadbit .threadmeta .status-prefixes .generic-prefix.moved:hover {
  background-color: #2289d8;
  color: white;
}
.block.threadbit .threadmeta .status-prefixes .generic-prefix.unapproved, .block.threadbit .threadmeta .status-prefixes .generic-prefix.unapproved:hover {
  background-color: #ffd900;
  color: black;
}
.block.threadbit .threadmeta .status-prefixes .generic-prefix.deleted, .block.threadbit .threadmeta .status-prefixes .generic-prefix.deleted:hover {
  background-color: #ff4500;
  color: white;
}
.block.threadbit .threadmeta .status-prefixes .generic-prefix.rejected, .block.threadbit .threadmeta .status-prefixes .generic-prefix.rejected:hover {
  background-color: #e2130d;
  color: white;
}
.block.threadbit .threadmeta .status-prefixes .generic-prefix.scheduled, .block.threadbit .threadmeta .status-prefixes .generic-prefix.scheduled:hover {
  background-color: #1584d2;
  color: white;
}
.block.threadbit .threadmeta .status-prefixes .generic-prefix.draft, .block.threadbit .threadmeta .status-prefixes .generic-prefix.draft:hover {
  background-color: #40c338;
  color: white;
}

.category-list .generic-prefix.generic-prefix-compact, .category-list .thread-category.compact {
  padding: 1px 6px;
}

.generic-prefix-mini, .thread-category.mini {
  font-size: 8pt;
  padding: 0 4px;
  border-bottom-width: 1px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .category-list .list-heading {
    display: none;
  }
}
/* @end */
/* @group 4.5 Popups */
.popup-dark {
  background-color: #999;
  background-color: rgba(0, 0, 0, 0.85);
  color: #eee;
  position: fixed;
  z-index: 1090;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: 100vh;
  overflow: auto;
  -webkit-backdrop-filter: blur(5px);
}
.popup-dark .popup-inner {
  width: 700px;
  max-width: 90%;
  max-width: 90vw;
  margin: 0 auto;
  margin-top: 87px;
  border-bottom: 3px solid white;
  /*
      background: black;
      background: rgba(30, 30, 30, 0.8);
  */
  color: white;
  /*
      box-shadow: 0 10px 30px -5px black;
      -webkit-backdrop-filter: blur(5px);
      backdrop-filter: blur(5px);
      border-radius: 6px;
  */
  position: relative;
}
.popup-dark .popup-inner .close-button {
  position: absolute;
  font-size: 19px;
  top: 1px;
  right: 5px;
  width: 20px;
  height: 20px;
}
.popup-dark .popup-inner .search-symbol {
  position: absolute;
  font-size: 28px;
  top: 8px;
  left: 14px;
  opacity: 0.5;
}
.popup-dark .popup-inner .search-options-cog {
  position: absolute;
  font-size: 18px;
  top: 30px;
  right: 5px;
  opacity: 1;
  width: 20px;
  height: 20px;
}
.popup-dark .popup-inner .search-options-cog.on {
  color: #05b8ff;
}
.popup-dark .popup-inner .search-options-cog i {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.popup-dark .popup-inner .search-options {
  display: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.popup-dark .popup-inner .search-options h2 {
  font-size: 12px;
  margin-bottom: 5px;
}
.popup-dark > .container-fluid {
  width: 700px;
  max-width: 90%;
  max-width: 90vw;
  margin: 0 auto;
  margin-top: 20px;
}
.popup-dark .resource-block h3 {
  color: white;
}
.popup-dark .resource-block .link-circle {
  background-color: white;
  color: #666;
}
.popup-dark.search-popup input#search-query {
  background: transparent;
  color: white;
  width: 100%;
  border: 0;
  font-size: 28px;
  font-weight: 300;
  padding: 10px 30px;
  padding-left: 50px;
}
.popup-dark.search-popup input#search-query:focus {
  outline: none;
}

@media (min-width: 768px) {
  .popup-dark .popup-inner {
    margin-top: 100px;
  }
}
/* @end */
ul.search-menu li.search-interface {
  padding: 3px 20px;
}
@media (min-width: 768px) {
  ul.search-menu li.search-interface {
    min-width: 450px;
  }
}
ul.search-menu li.search-interface div input[type=text],
ul.search-menu li.search-interface div select.form-control {
  margin-bottom: 0.5em;
}
ul.search-menu li.search-interface div.expandable,
ul.search-menu li.search-interface div[data-expanded-search-criteria=false] {
  display: none;
}
ul.search-menu li.search-interface div.submit-menu {
  display: flex;
  justify-content: space-between;
}
ul.search-menu li.search-interface div.submit-menu * {
  flex: 1;
}
ul.search-menu li.search-interface .scope-block {
  display: flex;
  justify-content: space-between;
}
ul.search-menu li.search-interface .scope-block input[type=radio] {
  display: none;
}
ul.search-menu li.search-interface .scope-block label {
  flex: 1;
  color: #337ab7;
  border: 1px solid #337ab7;
  font-weight: normal;
  padding: 3px 20px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 0;
}
ul.search-menu li.search-interface .scope-block label:first-of-type {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-right: 0;
}
ul.search-menu li.search-interface .scope-block label:last-of-type {
  border-left: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
ul.search-menu li.search-interface .scope-block input[type=radio]:checked + label {
  background-color: #337ab7;
  color: white;
}
ul.search-menu li.search-interface select[name=searchdate] {
  width: 69%;
  display: inline;
}
ul.search-menu li.search-interface select[name=beforeafter] {
  width: 30%;
  display: inline;
}

div.staffgroup ul.stafflist {
  padding: 0;
  margin: 0;
}
div.staffgroup ul.stafflist li {
  list-style: none;
  padding: 1rem;
  display: flex;
  flex-wrap: wrap;
}
div.staffgroup ul.stafflist li:nth-child(odd) {
  background-color: #fafafa;
}
div.staffgroup ul.stafflist li:nth-child(even) {
  background-color: #f7f7f7;
}
div.staffgroup ul.stafflist li .username {
  display: flex;
  justify-content: center;
  flex-grow: 1;
  flex-shrink: 1;
  flex-direction: column;
}
div.staffgroup ul.stafflist li .pm, div.staffgroup ul.stafflist li .status {
  flex-grow: 0;
  flex-shrink: 0;
}
div.staffgroup ul.stafflist li .status {
  display: flex;
  align-items: center;
  width: max-content;
  margin-right: 1em;
  flex-basis: 210px;
}
div.staffgroup ul.stafflist li .status svg {
  margin-right: 0.5em;
}
div.staffgroup ul.stafflist li .pm {
  width: min-content;
  text-align: center;
}
div.staffgroup ul.stafflist li .forums {
  width: 100%;
  font-size: 0.7em;
}

/* @group 4.6 Post Icons and Images */
#posticons_menu {
  max-height: 310px;
  overflow-y: auto;
}
#posticons_menu label {
  display: block;
  padding: 6px;
  text-align: center;
}
#posticons_menu li {
  padding-left: 6px;
  padding-right: 6px;
}
#posticons_menu td {
  padding: 0;
}
#posticons_menu label:hover {
  background: #dcecf7;
  border-radius: 5px;
}
#posticons_menu label > .posticon {
  width: 16px !important;
  height: 16px !important;
}
#posticons_menu input[type=radio] {
  display: none;
}

.new-thread-titlebar-form {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
  padding-left: 0;
  padding-right: 0;
}
.new-thread-titlebar-form .threadicon {
  cursor: pointer;
  margin-left: 0;
}
.new-thread-titlebar-form .thread-title-group {
  display: flex;
}
.new-thread-titlebar-form .thread-title-group, .new-thread-titlebar-form .thread-title-group input {
  flex-grow: 1;
}
@media screen and (max-width: 768px) {
  .new-thread-titlebar-form > div:not(.threadicon):not(.thread-title-group) {
    width: 150px;
  }
}

.imageshare-modal .imageshare-file-label {
  padding: 25px 20px;
  border: 4px dashed #ddd;
  border-radius: 10px;
  text-align: center;
  display: block;
  margin-top: 0.75rem;
}
.imageshare-modal .imageshare-file-label .banner-text {
  font-size: 145%;
  color: #737373;
  margin-bottom: 10px;
  margin-top: 5px;
  line-height: 1.7;
  font-weight: 400;
}
.imageshare-modal .threadicon-menu-area {
  display: flex;
  flex-wrap: wrap;
}
.imageshare-modal .threadicon-menu-area .threadicon-menu-clickable {
  float: unset !important;
}

/* @end */
/* @group 4.7 vBulletin Editor */
.vBulletin_editor {
  /*
    border-radius: 4px;
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
  */
  padding: 0;
}
.vBulletin_editor .vbmenu_popup {
  padding: 5px 0 !important;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.vBulletin_editor .vbmenu_popup div {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #eee;
  white-space: nowrap;
}
.vBulletin_editor .vbmenu_popup div:hover, .vBulletin_editor .vbmenu_popup div:active {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.tborder .vBulletin_editor * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.controlbar {
  padding: 6px;
}
.controlbar .dropdown-menu {
  max-height: 250px;
  overflow-y: auto;
}
.controlbar .menu-forecolor {
  line-height: 0;
  text-align: center;
}
.controlbar .menu-forecolor li {
  display: inline-block;
}
.controlbar .menu-forecolor li a {
  height: 17px;
  width: 17px;
  padding: 0;
  margin: 1px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  color: transparent;
}
.controlbar .menu-forecolor li a:hover, .controlbar .menu-forecolor li a:focus {
  border-color: #66afe9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.controlbar .menu-smilie {
  line-height: 0;
  text-align: center;
  min-width: 230px;
}
.controlbar .menu-smilie li {
  display: inline-block;
}
.controlbar .menu-smilie li a {
  padding: 2px;
  margin: 2px;
  border-radius: 4px;
  font-size: 16px;
}
.controlbar .attachment a {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.controlbar .attachment a .attach-menu-icon {
  font-size: 200%;
  margin-right: 5px;
}
.controlbar .attachment a .attach-menu-info .attach-menu-file-name {
  display: block;
  text-overflow: ellipsis;
  max-width: 200px;
  overflow-x: hidden;
}
.controlbar .attachment a .attach-menu-info .attach-menu-file-size {
  display: block;
  font-size: 70%;
}

.toolbar-group {
  float: left;
  font-size: 14px;
  margin-right: 6px;
}
.toolbar-group.pull-right {
  margin-left: 6px;
  margin-right: 0;
}
.toolbar-group div.imagebutton {
  float: left;
  background-color: white;
  color: #777;
  min-height: 26px;
  min-width: 26px;
  padding: 3px 3px;
  text-align: center;
  box-shadow: 0 0px 1px gray;
  white-space: nowrap;
  -webkit-transition: -webkit-box-shadow ease-in-out 0.15s;
  -moz-transition: -moz-box-shadow ease-in-out 0.15s;
  -o-transition: -o-box-shadow ease-in-out 0.15s;
  transition: box-shadow ease-in-out 0.15s;
}
.toolbar-group div.imagebutton:hover {
  background: #eff8ff;
  box-shadow: 0 0 1px #66afe9;
}
.toolbar-group .imagebutton:focus {
  background: #eff8ff;
  box-shadow: 0 0 1px #66afe9;
}
.toolbar-group div.imagebutton:active {
  background: #d5e6f3;
}
.toolbar-group .imagebutton.down, .toolbar-group .imagebutton.selected {
  background: #d5e6f3;
}
.toolbar-group div.imagebutton:first-of-type {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.toolbar-group div.imagebutton:last-of-type {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.toolbar-group .imagebutton td {
  padding: 0 !important;
}

.editor-mode-dive {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2000;
}
.editor-mode-dive .controlbar-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 70px;
  overflow: scroll;
  background: #eee;
}
.editor-mode-dive .toolbar-group.editor-mode-dive-hidden {
  display: none;
}

.toolbar-group.editor-mode-dive-only {
  display: none;
}

.editor-mode-dive .toolbar-group.editor-mode-dive-only {
  display: block;
}
.editor-mode-dive textarea {
  position: fixed;
  top: 70px;
  bottom: 40px;
  left: 0;
  right: 0;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  z-index: 2010;
  resize: none;
  height: inherit !important;
  width: inherit !important;
}
.editor-mode-dive .vbmenu_popup {
  z-index: 2020 !important;
  position: fixed !important;
  top: 32px !important;
}
.editor-mode-dive .editor-post-settings {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  overflow: auto;
  background: #eee;
}

.editor-menu-fontname .imagebutton:nth-child(2) {
  margin-bottom: 10px;
}
.editor-menu-fontname .imagebutton:nth-child(1):after {
  float: right;
  font-size: 80%;
  opacity: 0.4;
  content: "(Default)";
  margin-top: 2px;
}
.editor-menu-fontname .imagebutton:nth-child(2):after {
  float: right;
  font-size: 80%;
  opacity: 0.4;
  content: "(Base Serif)";
  margin-top: 2px;
}

.ocolorpicker div {
  height: 16px !important;
  width: 16px !important;
  border-radius: 10% !important;
  margin: 2px !important;
  padding: 0 !important;
}

.editor-block {
  background: #fff;
}
.editor-block .standard-editor .editor-toolbar {
  background: #303030;
  margin-bottom: 0;
}
.editor-block .standard-editor .editor-toolbar > .controlbar:not(:first-child) {
  padding-top: 0;
}
.editor-block .standard-editor .editor-subjectline {
  margin-bottom: 0;
  padding: 3px;
  border-bottom: 1px solid white;
}
.editor-block .standard-editor .editor-subjectline .input-group-btn button, .editor-block .standard-editor .editor-subjectline .form-control {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.editor-block .standard-editor .editor-subjectline .form-control {
  font-size: 90%;
}
.editor-block .standard-editor .editor-content {
  margin-bottom: 0;
}
.editor-block .standard-editor .editor-content .editor-message {
  padding: 6px 12px;
  background: #fff;
  resize: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
}

/* @end */
/* @group 4.8 HTML Editors */
.CodeMirror {
  height: auto !important;
  background-color: white !important;
  border-radius: 6px;
}

.CodeMirror .CodeMirror-gutters {
  background-color: #efefef !important;
  border-color: #e1e1e1 !important;
}

.cm-s-solarized.cm-s-light {
  text-shadow: none !important;
}

.post .cke_textarea_inline {
  min-height: 70px;
  padding-bottom: 1px;
  outline: none;
}

/* @end */
/* @group 4.9 Omnibar Shims */
/* some content, particularly forum banners, require shims to pad out the content from the Omnibar.
  You may override these in your own styles. */
.omnibar-shim {
  height: 78px;
}

.omnibar-padding.padding-0px {
  padding-top: 78px;
}
.omnibar-padding.padding-5px {
  padding-top: 83px;
}
.omnibar-padding.padding-10px {
  padding-top: 88px;
}
.omnibar-padding.padding-15px {
  padding-top: 93px;
}
.omnibar-padding.padding-20px {
  padding-top: 98px;
}
.omnibar-padding.padding-25px {
  padding-top: 103px;
}
.omnibar-padding.padding-30px {
  padding-top: 108px;
}
.omnibar-padding.padding-40px {
  padding-top: 118px;
}
.omnibar-padding.padding-50px {
  padding-top: 128px;
}
.omnibar-padding.padding-100px {
  padding-top: 178px;
}
.omnibar-padding.padding-150px {
  padding-top: 228px;
}

/* @end */
/* @group 4.10 Redirects and Errors */
.forum-message {
  text-align: center;
  width: 400px;
  max-width: 100%;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.forum-message .icon {
  font-size: 150px;
  color: #ddd;
}
.forum-message h1 {
  margin-top: 0;
  margin-bottom: 6px;
  font-weight: 300;
  font-size: 24px;
}
.forum-message p {
  margin: 0;
  font-weight: 700;
  font-size: 8pt;
}
.forum-message .redirectlink {
  margin-top: 10px;
}
.forum-message.full-height {
  height: 100vh;
}
.forum-message.full-height .icon {
  font-size: 200px;
}
.forum-message.full-height h1 {
  margin-top: 0;
  margin-bottom: 6px;
  font-weight: 300;
  font-size: 24px;
}
.forum-message.full-height p {
  margin: 0;
  font-weight: 700;
  font-size: 8pt;
}

.block-frame-message {
  text-align: center;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 50px;
}
.block-frame-message .icon {
  font-size: 200px;
  color: #ddd;
  text-shadow: 0 -1px 0 #ccc;
}
.block-frame-message h1 {
  margin-top: 0;
  margin-bottom: 6px;
  font-weight: 300;
  font-size: 24px;
}
.block-frame-message p {
  margin: 0;
  font-weight: 700;
  font-size: 8pt;
}
.block-frame-message a {
  text-decoration: underline;
}

.standard-error .error-icon {
  font-size: 48pt;
  text-align: center;
}
.standard-error h1 {
  text-align: center;
  font-weight: 200 !important;
  font-size: 160% !important;
  margin-top: 10px !important;
  margin-bottom: 20px !important;
}
.standard-error .cta-row {
  text-align: center;
}

.reject-thread-reason {
  padding: 1em;
  display: flex;
}

/* @end */
/* @group 4.11 Tooltips */
.tooltip {
  font-family: -apple-system, BlinkMacSystemFont, Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.tooltip .tooltip-inner {
  text-align: left;
}

/* @end */
/* @group 4.12 Animations */
.pc-fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 1s infinite cubic-bezier(0.36, 0, 0, 1);
}

/* @end */
/* @group 4.13 Colored Usergroup Class */
.usergroups-colored {
  /*
    .usergroup-admin {
      color: $admin-color;
      font-weight: bold;
      font-style: italic;
      display: inline;
    }
  */
}
.usergroups-colored .usergroup {
  /* Global markup for all users */
}
.usergroups-colored .usergroup-owner, .usergroups-colored .usergroup-ownership {
  color: #663399;
  font-weight: bold;
  font-style: italic;
  display: inline;
}
.usergroups-colored .usergroup-admin, .usergroups-colored .usergroup-founder {
  color: #F25E81;
  font-weight: bold;
  font-style: italic;
  display: inline;
}
.usergroups-colored .usergroup-dev {
  color: #308D5E;
  font-weight: bold;
  display: inline;
}
.usergroups-colored .usergroup-gmod {
  color: steelblue;
  font-weight: bold;
  display: inline;
}
.usergroups-colored .usergroup-mod {
  color: steelblue;
  font-weight: bold;
  display: inline;
}
.usergroups-colored .usergroup-ext {
  color: #a63982;
  font-weight: bold;
  display: inline;
}
.usergroups-colored .usergroup-daily {
  color: #ff8100;
  font-weight: bold;
  display: inline;
}
.usergroups-colored .usergroup-gt {
  color: #00ab59;
  font-style: italic;
  display: inline;
}
.usergroups-colored .usergroup-fangames {
  color: #ca9945;
  font-weight: bold;
  display: inline;
}
.usergroups-colored .usergroup-event {
  color: #63d200;
  display: inline;
}
.usergroups-colored .usergroup-t1 {
  color: #4e9dda;
  font-style: italic;
  display: inline;
}
.usergroups-colored .usergroup-t2 {
  color: #4e9dda;
  font-style: italic;
  display: inline;
}
.usergroups-colored .usergroup-t3 {
  color: #4e9dda;
  font-style: italic;
  display: inline;
}
.usergroups-colored .usergroup-t4 {
  color: #4e9dda;
  font-style: italic;
  display: inline;
}
.usergroups-colored .usergroup-pr {
  color: #019691;
  font-weight: bold;
  display: inline;
}
.usergroups-colored .usergroup-devnews {
  color: #308D5E;
  font-style: italic;
  display: inline;
}
.usergroups-colored .usergroup-moderoid {
  color: #7289da;
  font-weight: bold;
  display: inline;
}
.usergroups-colored .usergroup--lead {
  font-style: italic;
}

.usergroups-blocks {
  font-size: 0.75rem;
}
.usergroups-blocks .usergroup {
  /* Global markup for all users */
  display: inline-block;
  font-weight: 500;
  padding: 0.25rem 0.5rem;
  margin: 0 0.25rem;
  white-space: nowrap;
  border: 1px solid #eee;
  border-radius: 0.25rem;
}
.usergroups-blocks .usergroup-owner, .usergroups-blocks .usergroup-ownership {
  border-color: #663399;
  color: #663399;
}
.usergroups-blocks .usergroup-founder, .usergroups-blocks .usergroup-admin {
  border-color: #F25E81;
  color: #F25E81;
}
.usergroups-blocks .usergroup-dev {
  border-color: #308D5E;
  color: #308D5E;
}
.usergroups-blocks .usergroup-admin {
  border-color: #F25E81;
  color: #F25E81;
}
.usergroups-blocks .usergroup-smod {
  border-color: #ff9900;
  color: #ff9900;
}
.usergroups-blocks .usergroup-mod, .usergroups-blocks .usergroup-gmod {
  border-color: steelblue;
  color: steelblue;
}
.usergroups-blocks .usergroup-ext {
  border-color: #a63982;
  color: #a63982;
}
.usergroups-blocks .usergroup-daily {
  border-color: #ff8100;
  color: #ff8100;
}
.usergroups-blocks .usergroup-gt {
  border-color: #00ab59;
  color: #00ab59;
}
.usergroups-blocks .usergroup-event {
  border-color: #63d200;
  color: #63d200;
}
.usergroups-blocks .usergroup-t3, .usergroups-blocks .usergroup-t4 {
  border-color: #4e9dda;
  color: #4e9dda;
}
.usergroups-blocks .usergroup-pr {
  border-color: #019691;
  color: #019691;
}
.usergroups-blocks .usergroup-devnews {
  border-color: #308D5E;
  color: #308D5E;
}
.usergroups-blocks .usergroup-moderoid {
  border-color: #7289da;
  color: #7289da;
}

/* @end */
/* @group 4.14 Conditional Hide/Show */
.js-only {
  display: none;
}

.js-enabled .js-only {
  display: block;
}

.js-disabled .nav-tabs {
  display: none !important;
}
.js-disabled .tab-content.js-disabled-force-all .tab-pane {
  display: block !important;
}

/* @end */
/* @group 4.15 CRON Initialization Image */
.cron-image {
  position: absolute;
  bottom: 0;
  left: 0;
  visibility: hidden;
  pointer-events: none;
}

/* @end */
/* @group 4.16 Inline lists with terminating commas for each node */
.ul-list-inline {
  display: inline;
}
.ul-list-inline li {
  display: inline;
}
.ul-list-inline li:after {
  content: ", ";
}
.ul-list-inline li:last-of-type:after {
  content: "";
}

/* @end */
/* @group 4.17 Color Picker */
body.settings .sp-replacer {
  background: transparent;
  margin-right: 40px;
}

/* @end */
/* @end */
/* @group 9001. Modifiers */
/* @group 9001.1 PokéCommunity Tentpole Navigation Modifiers */
.omnibar .community-nav .navbar-nav > li > a.link-daily:hover, .omnibar .community-nav .navbar-nav > li > a.link-daily:active {
  background-color: rgba(255, 129, 0, 0.7);
  color: white;
}
.omnibar .community-nav .navbar-nav > li > a.link-pokemon-sword-shield:hover, .omnibar .community-nav .navbar-nav > li > a.link-pokemon-sword-shield:active {
  background-color: rgba(227, 19, 95, 0.7);
  color: white;
}
.omnibar .community-nav .navbar-nav > li > a.link-romhacks:hover, .omnibar .community-nav .navbar-nav > li > a.link-romhacks:active {
  background-color: rgba(202, 153, 69, 0.7);
  color: white;
}
.omnibar .community-nav .navbar-nav > li > a.link-art:hover, .omnibar .community-nav .navbar-nav > li > a.link-art:active {
  background-color: rgba(0, 157, 191, 0.7);
  color: white;
}
.omnibar .community-nav .navbar-nav > li > a.link-battleserver:hover, .omnibar .community-nav .navbar-nav > li > a.link-battleserver:active {
  background-color: rgba(166, 57, 130, 0.7);
  color: white;
}
.omnibar .community-nav .navbar-nav > li > a.link-discord:hover, .omnibar .community-nav .navbar-nav > li > a.link-discord:active {
  background-color: rgba(114, 137, 218, 0.7);
  color: white;
}

.community-nav .navbar-nav > li > a.link-forums {
  color: #e3421a;
}

.forum-pokemon-sword-shield .community-nav .navbar-nav > li > a.link-forums,
.forum-art-and-design .community-nav .navbar-nav > li > a.link-forums,
.forum-fan-games .community-nav .navbar-nav > li > a.link-forums,
.forum-gamedev .community-nav .navbar-nav > li > a.link-forums {
  color: white;
}

.forum-pokemon-sword-shield .community-nav .navbar-nav > li > a.link-pokemon-sword-shield {
  color: #e3135f;
}

.forum-art-and-design .community-nav .navbar-nav > li > a.link-art {
  color: #009dbf;
}

.forum-fan-games .community-nav .navbar-nav > li > a.link-romhacks {
  color: #ca9945;
}

.forum-gamedev .community-nav .navbar-nav > li > a.link-gamedev {
  color: #ca9945;
}

/* @end */
/* @group 9001.2 */
.category-bit-favorites > header {
  border-bottom-color: #ec0044;
}
.category-bit-favorites > header .title, .category-bit-favorites > header .title h1 {
  color: #ec0044;
}

.category-bit-community-square > header, .block-theme-pokecommunity > header {
  border-bottom-color: #e3421a;
}
.category-bit-community-square > header .title, .category-bit-community-square > header .title h1, .category-bit-community-square > header > h1.title, .block-theme-pokecommunity > header .title, .block-theme-pokecommunity > header .title h1, .block-theme-pokecommunity > header > h1.title {
  color: #e3421a;
}

.category-bit-backstage > header {
  border-bottom-color: steelblue;
}
.category-bit-backstage > header > .title, .category-bit-backstage > header .title h1 {
  color: steelblue;
}
.category-bit-backstage > header .icon {
  background-color: steelblue;
}

.category-bit-dev > header {
  border-bottom-color: #308D5E;
}
.category-bit-dev > header > .title, .category-bit-dev > header .title h1 {
  color: #308D5E;
}
.category-bit-dev > header .icon {
  background-color: #308D5E;
}

.category-bit-pokemon-gaming > header {
  border-bottom-color: #b61b1b;
}
.category-bit-pokemon-gaming > header > .title, .category-bit-pokemon-gaming > header .title h1 {
  color: #b61b1b;
}
.category-bit-pokemon-gaming > header .icon {
  background-color: #b61b1b;
}

.category-bit-sword-shield-category > header {
  border-bottom-color: #e3135f;
}
.category-bit-sword-shield-category > header > .title, .category-bit-sword-shield-category > header .title h1 {
  color: #e3135f;
}
.category-bit-sword-shield-category > header .icon {
  background-color: #e3135f;
}

.category-bit-battle-trade-connect > header {
  border-bottom-color: #a63881;
}
.category-bit-battle-trade-connect > header > .title, .category-bit-battle-trade-connect > header .title h1 {
  color: #a63881;
}
.category-bit-battle-trade-connect > header .icon {
  background-color: #a63881;
}

.category-bit-general-discussions > header {
  border-bottom-color: #eb9500;
}
.category-bit-general-discussions > header > .title, .category-bit-general-discussions > header .title h1 {
  color: #eb9500;
}
.category-bit-general-discussions > header .icon {
  background-color: #eb9500;
}

.category-bit-fan-games > header {
  border-bottom-color: #ca9945;
}
.category-bit-fan-games > header > .title, .category-bit-fan-games > header .title h1 {
  color: #ca9945;
}
.category-bit-fan-games > header .icon {
  background-color: #ca9945;
}

.category-bit-creativity > header {
  border-bottom-color: #009dbf;
}
.category-bit-creativity > header > .title, .category-bit-creativity > header .title h1 {
  color: #009dbf;
}
.category-bit-creativity > header .icon {
  background-color: #009dbf;
}

.category-bit-entertainment-media > header {
  border-bottom-color: #7b45cd;
}
.category-bit-entertainment-media > header > .title, .category-bit-entertainment-media > header .title h1 {
  color: #7b45cd;
}
.category-bit-entertainment-media > header .icon {
  background-color: #7b45cd;
}

.category-bit-otd > header {
  border-bottom-color: #65c33b;
}
.category-bit-otd > header > .title, .category-bit-otd > header .title h1 {
  color: #65c33b;
}
.category-bit-otd > header .icon {
  background-color: #65c33b;
}

.category-bit-gt15-area > header {
  border-bottom-color: #00ab59;
}
.category-bit-gt15-area > header > .title, .category-bit-gt15-area > header .title h1 {
  color: #00ab59;
}
.category-bit-gt15-area > header .icon {
  background-color: #00ab59;
}

/* @end */
/* @end */
/* @group 9002. Legacy Classes */
/* @group 9002.1 Original vBulletin Table Content */
.tborder {
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  margin-top: 10px;
  margin-bottom: 10px;
  border-width: 1px;
  box-sizing: content-box;
}

.tborder * {
  box-sizing: content-box;
}

.tcat {
  font-weight: 300;
  color: #337ab7;
  font-size: 18px;
  padding: 10px;
}
.tcat a {
  color: inherit;
}

.thead {
  font-size: 12px;
  padding: 10px;
  color: #acacac;
}
.thead a {
  color: inherit;
}

.tfoot {
  padding: 10px;
}

.alt1, .alt1Active {
  padding: 10px;
  background: #303030;
}

.alt2, .alt2Active {
  padding: 10px;
  background: #323232;
}

.alt2.avatar {
  padding: 0;
  background: transparent;
}

.inlinemod {
  background: #FFC;
  color: #000;
}

.wysiwyg {
  background: #F5F5FF;
  color: #000;
  font-size: 10pt;
  margin: 5px 10px 10px;
  padding: 0;
}
.wysiwyg a {
  color: #22229C;
}

.wysiwyg_alink, .wysiwyg a:visited, .wysiwyg_avisited {
  color: #22229C;
}

.wysiwyg a:hover, .wysiwyg a:active {
  color: #F40;
}

.wysiwyg_ahover {
  color: #F40;
}

.smallfont {
  font-size: 11px;
}

.time {
  color: #337ab7;
}

.fjsel {
  background: #3E5C92;
  color: #E0E0F6;
}

.fjdpth0 {
  background: #F7F7F7;
  color: #000;
}

.badge {
  border-radius: 2px;
  padding: 3px 4px;
}

.vbmenu_control {
  background: #302048;
}

.vbmenu_popup {
  background: #FFF;
  color: #000;
  border: 1px solid #0B198C;
}

.vbmenu_option {
  background: #BBC7CE;
  color: #000;
  font-size: 11px;
  white-space: nowrap;
  cursor: pointer;
}
.vbmenu_option a {
  color: #22229C;
  text-decoration: none;
}

.vbmenu_option_alink, .vbmenu_option a:visited, .vbmenu_option_avisited {
  color: #22229C;
  text-decoration: none;
}

.vbmenu_option a:hover, .vbmenu_option a:active {
  color: #FFF;
  text-decoration: none;
}

.vbmenu_option_ahover {
  color: #FFF;
  text-decoration: none;
}

.vbmenu_hilite {
  background: #8A949E;
  color: #FFF;
  font-size: 11px;
  white-space: nowrap;
  cursor: pointer;
}
.vbmenu_hilite a {
  color: #FFF;
  text-decoration: none;
}

.vbmenu_hilite_alink, .vbmenu_hilite a:visited, .vbmenu_hilite_avisited {
  color: #FFF;
  text-decoration: none;
}

.vbmenu_hilite a:hover, .vbmenu_hilite a:active {
  color: #FFF;
  text-decoration: none;
}

.vbmenu_hilite_ahover {
  color: #FFF;
  text-decoration: none;
}

/* Generic page classes */
blockquote {
  padding: inherit;
  margin: inherit;
  font-size: inherit;
  border-left: inherit;
}

label.quicksettings {
  font-weight: normal;
  padding-top: 0px;
  padding-bottom: 0px;
}

.breadcrumb-bit {
  border-radius: 2px;
  padding: 3px 4px;
  display: inline;
  background: white;
}

.breadcrumb-bit-active {
  border-radius: 2px;
  padding: 3px 4px;
  display: inline;
  background: #ccc;
  color: #4c4c52;
}

ol.breadcrumb {
  padding: 0 22px;
  margin: 0;
  background-color: #e8f3f7;
  background-image: -webkit-linear-gradient(#f7f7f8, #f4f4f5);
  background-image: linear-gradient(#f7f7f8, #f4f4f5);
  border-radius: inherit;
  color: #4c4c52;
}
ol.breadcrumb li a {
  font-size: 11px;
}
ol.breadcrumb li.active {
  font-weight: bold;
}

.post-signature-region {
  max-height: 350px;
  overflow-y: auto;
}

.bigusername {
  font-size: 14pt;
}

.usertitle {
  max-width: 250px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.pagenav a {
  text-decoration: none;
}
.pagenav td {
  padding: 2px 4px;
}

.shade {
  color: #777;
  text-decoration: none;
}

a.shade:link, a.shade:visited {
  color: #777;
  text-decoration: none;
}
a.shade:active, a.shade:hover {
  color: #F40;
  text-decoration: underline;
}

.tcat .shade, .thead .shade, .tfoot .shade {
  color: #DDD;
}

form {
  margin: 0;
}

label {
  cursor: default;
}

.normal {
  font-weight: 400;
}

.inlineimg {
  vertical-align: middle;
}

.underline {
  text-decoration: underline;
}

.inlinemod {
  background: #FFC;
}

.vbmenu_hilite * {
  cursor: pointer;
}

.spoiler .spoiler {
  display: none;
}

.block_row:after {
  content: "";
  display: table;
  clear: both;
}

.floatcontainer, .block_row {
  display: inline-block;
}

* html .floatcontainer, * html .block_row {
  height: 1%;
}

.floatcontainer, .block_row {
  display: block;
}

/* Post format stripper */
.post_message_stripformat b {
  font-weight: inherit !important;
}
.post_message_stripformat u {
  text-decoration: inherit !important;
}
.post_message_stripformat i {
  font-style: inherit !important;
}
.post_message_stripformat font {
  color: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
}
.post_message_stripformat .rules b {
  font-weight: 700 !important;
}
.post_message_stripformat .rules u {
  text-decoration: underline !important;
}
.post_message_stripformat .rules i {
  font-style: oblique !important;
}

div.float {
  display: inline;
}
div.float div.hoverpop {
  position: absolute;
  background: #eaeaea;
  border: 2px solid #fff;
  border-radius: 10px;
  opacity: 0;
  visibility: hidden;
  z-index: 100;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  padding: 5px 10px;
  background-image: -webkit-linear-gradient(#fff 0%, #f2f2f2 20%, #eaeaea 100%);
  background-image: -moz-linear-gradient(#fff 0%, #f2f2f2 20%, #eaeaea 100%);
  background-image: linear-gradient(#fff 0%, #f2f2f2 20%, #eaeaea 100%);
  background-size: 150px 150px;
  background-repeat: repeat-x;
  display: inline;
}
div.float:hover div.hoverpop {
  opacity: 0.98;
  visibility: visible;
  margin-top: -20px;
  -webkit-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

header.page-header {
  padding: 0;
  margin: 0;
  border: 0;
}

.critical-alerts .alert {
  text-align: center;
}
.critical-alerts .alert h2 {
  font-size: 1.6em;
  font-weight: 300;
}
.critical-alerts .alert h2 .alert-icon {
  display: block;
  font-size: 3em;
  margin-bottom: 10px;
}
.critical-alerts .alert h2.small-banner {
  font-size: 1.4em;
  font-weight: bold;
}
.critical-alerts .alert h2.small-banner .alert-icon {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  margin-right: 5px;
  padding-bottom: 0.2em;
  font-size: 1.2em;
}

.notices {
  margin-top: 5px;
}

.notice {
  padding: 10px;
  border-radius: 2px;
  margin-bottom: 3px;
  background-color: #2a2a2a url("/images/styles/thejohtoelite/page/25jjgqb.png") repeat-x top left;
  color: #eee;
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.notice .notice-dismisslink {
  color: #717171;
  position: absolute;
  background: transparent;
  opacity: 0.3;
  padding: 2px;
  top: 2px;
  right: 2px;
  border-radius: 3px;
}
.notice:hover .notice-dismisslink {
  opacity: 0.9;
  background: white;
}
.notice:nth-child(even) {
  background-color: #dfeef2;
}
.notice:last-child {
  margin-bottom: 0;
}
.notice.notice-borderless {
  padding: 0;
}
.notice.notice-success {
  background: #dff0d8;
  color: #3c763d;
}
.notice.notice-warning {
  background: #fcf8e3;
  color: #8a6d3b;
}
.notice.notice-danger {
  background: #f2dede;
  color: #a94442;
}
.notice h1 {
  margin: 0;
  margin-bottom: 3px;
  font-size: 14pt;
  font-weight: 700;
}
.notice p {
  margin-top: 0;
  margin-bottom: 6px;
}
.notice p:last-child {
  margin-bottom: 0;
}

.intense-em {
  color: #ff673e;
}

table.tborder {
  border-collapse: collapse;
}

/* @end */
/* @group 9002.2 */
.list_no_decoration {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

div.fixed_width_avatar {
  text-align: center;
  width: 60px;
}

.tborder {
  box-shadow: none;
  margin: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.thead {
  padding: 6px;
}

@media (max-width: 767px) {
  .profile-container {
    padding: 3px !important;
  }
}
@media (min-width: 768px) {
  .profile-container .profile-content-container {
    width: 100%;
    float: left;
    margin-right: -256px;
  }
  .profile-container .profile-content-container .profile-content {
    margin-right: 256px;
  }
  .profile-container .profile-sidebar {
    width: 250px;
    float: right;
  }
}
@media (max-width: 991px) {
  .profile-container {
    padding: 10px !important;
  }
}
@media (min-width: 992px) {
  .profile-container {
    padding: 20px;
  }
}
/**
* Memberinfo Small
*/
li.memberinfo_small {
  margin-top: 6px;
}

li.memberinfo_small div.fixed_width_avatar {
  margin-right: 6px;
}

li.memberinfo_small div.info_bar, #friends li.memberinfo_small div.info_bar {
  border-width: 1px 0px 0px 0px;
  margin-bottom: 6px;
}

li.memberinfo_small div.info_bar ul {
  padding: 6px;
}

li.memberinfo_small ul.friend_im_list li {
  display: inline;
  margin-right: 3px;
}

li.memberinfo_small ul.friend_im_list img {
  vertical-align: middle;
}

/**
* Memberinfo Tiny
*/
li.memberinfo_tiny {
  height: 105px;
  width: 75px;
  overflow: hidden;
  float: left;
  text-align: center;
  margin: 1px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

img.alt2 {
  background: none !important;
  padding: 0 !important;
  background: none !important;
  padding: 0 !important;
  max-height: 64px;
  max-width: 64px;
  width: auto;
  height: auto;
}

/**
* Tabs and Blocks
*/
.content_block {
  margin-bottom: 6px;
}

.content_block .block_row {
  padding: 6px;
}

.content_block .block_title {
  padding: 6px;
  margin: 0;
}

/*.content_block h4.thead, .content_block .block_title {
  padding:4px;
  margin:$stylevar[cellspacing]px 0px 0px 0px;
}*/
.content_block .block_footer {
  text-align: right;
  padding: 4px;
}

a.collapse_gadget {
  float: right;
}

/**
* Popup Menus Built With List Markup
*/
ul.vbmenu_popup li {
  padding: 4px;
  margin: 0px 1px 1px 1px;
  white-space: nowrap;
}

ul.vbmenu_popup li.first {
  margin: 1px;
}

ul.vbmenu_popup li.notext {
  font-size: 1px;
}

/**
* Override Menu CSS for 'Send Message' Menu
*/
#minicontact_menu li.vbmenu_option, #minicontact_menu li.vbmenu_hilite {
  padding: 0px;
  padding-right: 4px;
}

#minicontact_menu li.vbmenu_option img, #minicontact_menu li.vbmenu_hilite img {
  padding: 4px;
}

/**
* Profile Field List Title / Value Pairs
*/
dl.profilefield_list dd {
  margin-bottom: 3px;
  margin-left: 16px;
}

/**
* Sidebar profile field blocks
*/
.profile-sidebar dl.profilefield_list {
  font-size: 11px;
}

/**
* Top Panel
*/
#main_userinfo {
  margin-bottom: 20px;
}
#main_userinfo .userinfo-top {
  display: flex;
}
#main_userinfo .userinfo-top #profilepic_cell {
  float: left;
  border-bottom-width: 0px;
  padding: 4px;
}
#main_userinfo .userinfo-top #profilepic_cell img {
  max-width: 100px;
  max-height: 100px;
  width: auto;
  height: auto;
}
#main_userinfo .userinfo-top #username_box {
  flex: 1;
}
#main_userinfo .userinfo-top #username_box .username-usertitle {
  float: left;
}
#main_userinfo .userinfo-top #username_box .username-usertitle h1 {
  font-size: 18pt;
  font-weight: 700;
  margin: 0px;
  margin-bottom: 3px;
}
#main_userinfo .userinfo-top #username_box .username-usertitle h2 {
  font-size: 10pt;
  font-weight: normal;
  margin: 0px;
  margin-bottom: 3px;
}
#main_userinfo .userinfo-top #username_box .username-usertitle .online-indicator.online:after {
  content: "Online";
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 10px;
  margin-left: 14px;
}
#main_userinfo .userinfo-top #username_box #reputation_rank {
  float: right;
}
#main_userinfo .userinfo-top #username_box:after {
  display: table;
  content: "";
  clear: both;
}

#main_userinfo .spacer {
  max-width: 200px;
  height: 100px;
}

#main_userinfo .profilepic_adjacent {
  padding-left: 6px;
}

#rank {
  margin-bottom: 6px;
  text-align: right;
}

#send_message_cell {
  padding-bottom: 6px;
  text-align: right;
}

#link_bar .thead.toolbar {
  padding: 0;
  font-size: 80%;
}

#link_bar .dropdown-menu.alt1 {
  padding: 5px 0;
}
#link_bar .dropdown-menu.alt1 > li > a:focus, #link_bar .dropdown-menu.alt1 > li > a:hover {
  color: white;
  background-color: #262626;
}

#activity_info {
  border-top-width: 0px;
}

#activity_info div.alt2 {
  padding: 4px;
}

#link_bar #usercss_switch_link {
  float: right;
  margin-left: 3px;
  margin-right: 0px;
}

@media (min-width: 768px) {
  #main_userinfo #profilepic_cell img {
    max-width: 300px;
    max-height: 200px;
  }
  #main_userinfo .spacer {
    height: 200px;
  }
}
@media (min-width: 992px) {
  #main_userinfo .userinfo-top #profilepic_cell img {
    max-width: 400px;
    max-height: 300px;
  }
  #main_userinfo .userinfo-top .spacer {
    height: 300px;
  }
}
@media (min-width: 1200px) {
  #main_userinfo .userinfo-top #profilepic_cell img {
    max-width: none;
    max-height: none;
  }
}
/**
* Visitor Messaging Tab
*/
#qc_error_div {
  text-align: left;
  margin-bottom: 6px;
}

#qc_error_header {
  font-weight: bold;
}

#qc_error_okay {
  text-align: right;
}

#message_form div.messagetext {
  text-align: left;
}

#message_form div.allowed_bbcode {
  float: left;
}

#message_form div.submit_button {
  text-align: right;
}

#visitor_messaging #inlinemodsel {
  float: right;
}

#view_my_conversation_link {
  float: right;
  text-decoration: none;
}

#visitor_message_inlinemod_form {
  margin: 0px;
  display: block;
}

/*
    #vB_Editor_QR {
      padding: 0 10px 5px 10px;
    }
*/
#message_list {
  border: none;
}

#message_list li {
  margin-bottom: 6px;
}

#message_list div.fixed_width_avatar {
  margin-right: 6px;
  float: left;
}

#message_list div.visitor_message_avatar_margin {
  margin-left: 66px;
}

#message_list div.info_bar {
  border-width: 1px 0px 0px 0px;
  margin-bottom: 6px;
}

#message_list div.info_bar div.alt2 {
  padding: 6px;
}

#message_list div.info_bar a.username {
  /*font-weight:bold;*/
}

#message_list .visitor_message_date {
  float: right;
}

#message_list .group_message_date {
  float: right;
}

#message_list .inlinemod_checkbox {
  float: right;
}

#message_list div.visitor_message_body {
  overflow: auto;
}

#message_list ul.controls {
  margin-top: 6px;
  text-align: right;
}

#message_list ul.controls li {
  display: inline;
  margin-left: 6px;
}

#message_list ul.controls a:link, #message_list ul.controls a:visited {
  text-decoration: none;
}

#message_list .deletedmessage {
  float: left;
}

/**
* About Me Tab
*/
#aboutme li.profilefield_category {
  font-weight: bold;
  margin-top: 6px;
}

#aboutme dl.profilefield_list {
  font-weight: normal;
  margin: 6px 16px 0px 16px;
}

#aboutme dl.profilefield_list dd {
  margin-bottom: 6px;
  margin-left: 0px;
}

#aboutme #signature {
  width: 100%;
  overflow: auto;
}

#aboutme #simple_aboutme_link {
  text-align: right;
  display: block;
}

/**
* About Me Tab (Alternative)
*/
#aboutme2 dl.profilefield_list dd {
  margin-bottom: 6px;
  margin-left: 0px;
}

/**
* Statistics Tab
*/
#stats fieldset.statistics_group {
  margin-top: 6px;
}

#stats fieldset.statistics_group ul {
  padding: 6px;
}

#stats fieldset.statistics_group ul li {
  margin-bottom: 3px;
}

/**
* Statistics Tab (Alternative)
*/
#statistics2 ul.statistics_group li {
  margin-bottom: 3px;
}

/**
* Friends Tab
*/
#friends a.edit_friends_link {
  float: right;
}

#friends .user-list li {
  display: flex;
  align-items: center;
  width: 100%;
}
#friends .user-list li .friend-userbit {
  flex-grow: 1;
  padding: 0.75em;
}
#friends .user-list li .friend-userbit:hover {
  background-color: rgba(0, 0, 0, 0.03) !important;
}

/**
* Infractions Tab
*/
div#infractions.content_block {
  padding: 0px;
}

/**
* Contact Info Tab
*/
#contactinfo fieldset {
  margin-bottom: 6px;
}

#contactinfo div.fieldset_padding {
  padding: 6px;
}

#contactinfo #messaging_list li {
  margin-bottom: 3px;
  margin-right: 16px;
  float: left;
  white-space: nowrap;
}

#contactinfo #instant_messaging_list li {
  margin-top: 6px;
  margin-right: 6px;
  position: relative;
}

#contactinfo #instant_messaging_list .im_img_link {
  vertical-align: middle;
}

#contactinfo #instant_messaging_list .im_txt_link {
  position: absolute;
  left: 75px;
}

#contactinfo #additional_contact_details dd {
  margin-left: 0px;
  margin-bottom: 6px;
}

/**
* Albums Block
*/
#albums_mini_list li {
  text-align: center;
  margin-bottom: 6px;
}

/**
* Mini Friends Block
*/
#friends_mini_list a.username {
  display: block;
  margin-top: 3px;
}

#friends_mini div.friends_counter {
  padding-bottom: 6px;
}

/**
* Groups Block
*/
span.group_count {
  float: right;
}

ul.group_list {
  margin: 6px 0px 0px 6px;
}

ul.group_list li {
  display: inline;
  margin-right: 3px;
}

#public_usergroup_list a:link, #public_usergroup_list a:visited {
  text-decoration: none;
}

/**
* Traffic Block
*/
ol.last_visitors_list {
  margin: 0px;
  margin-top: 6px;
}

ol.last_visitors_list li {
  display: inline;
  margin-right: 3px;
}

ul.tab_list {
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
  list-style: none;
  padding: 0px;
  margin: 0px;
}

/* tabs */
ul.tab_list li {
  float: left;
  margin-left: 0px;
  margin-right: 1px;
  white-space: nowrap;
  overflow: hidden;
  padding: 4px;
  position: relative;
  cursor: pointer;
  /*-moz-border-radius: 4px 8px 0px 0px; KD:  can't use this because of FF background-image overflow problems */
}

/* unselected tabs */
ul.tab_list li.thead {
  font-weight: normal;
}

/* selected tabs */
ul.tab_list li.tcat {
  height: 1.5em;
  border-bottom: none;
  border-bottom-width: 0px;
  font-weight: bold;
  font-size: 10pt;
  position: relative;
}

/* links within tabs */
ul.tab_list li a {
  text-decoration: none;
  cursor: default;
}

ul.tab_list li.overflow_tab {
  width: auto;
  text-align: center;
  font-weight: bold;
  display: none;
}

/* the popup overflow tab list */
ul.tab_popup {
  position: absolute;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

/* individual elements in the popup list */
ul.tab_popup li {
  width: 200px;
}

ul.tab_list li.thead:hover, ul.tab_list li.thead:hover *, ul.tab_popup li.vbmenu_option:hover, ul.tab_popup li.vbmenu_option:hover * {
  background: white;
  color: black;
}

div.tab_header {
  margin-top: -1px;
  border-bottom: none;
  border-bottom-width: 0px;
  padding: 4px;
  clear: both;
}

.tab_content {
  margin-bottom: 6px;
}

/* @end */
.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #303030 !important;
}

.table-hover > tbody > tr:hover {
  background-color: #383838 !important;
}

optgroup {
  background-color: #337ab7 !important;
  color: white !important;
}

/* @end */
/* post anchors - in your stylesheet, set a margin-top to a negative value to offset the post from any floating objects like navbars. DO NOT OVERRIDE THESE VALUES. */
.post-scrollmarker, .post-referencemarker {
  position: absolute;
  height: 1px;
  width: 1px;
  visibility: hidden;
}

/* DEFAULT CLASS TO COPY TO ALL NEW SECONDARY STYLESHEETS */
/* post anchors */
.post-scrollmarker, .post-referencemarker {
  margin-top: -60px;
}

.pc-badge {
  color: black;
}
.pc-badge.pc-badge--sm {
  font-size: 1.5rem;
}
.pc-badge.pc-badge--md {
  font-size: 2rem;
}
.pc-badge.pc-badge--lg {
  font-size: 2.5rem;
}
.pc-badge > svg.colorless, .pc-badge > i.colorless {
  color: #eee !important;
}

.pc-badge--shine {
  background-image: url("/images/sparkle.gif");
  background-size: 16px;
}

.pc-badge-preview {
  display: flex;
  align-items: center;
  text-decoration: none !important;
}
.pc-badge-preview .pc-badge {
  display: block;
}
.pc-badge-preview .pc-badge-info {
  margin-left: 0.5rem;
  flex-grow: 1;
}
.pc-badge-preview .pc-badge-info strong {
  font-size: 1.05rem;
  display: block;
}

#badges.content_block .thead.block_title {
  display: flex;
}
#badges.content_block .thead.block_title .title {
  flex-grow: 1;
}
#badges.content_block .badge-list {
  margin-top: 0 !important;
}
#badges.content_block .badge-list .profile-badge {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
#badges.content_block .badge-list .profile-badge .pc-badge-preview {
  flex-grow: 1;
}
#badges.content_block .submitrow {
  padding-top: 0.25rem;
}

.postbit .column.decals {
  order: 2;
}
@media screen and (max-width: 768px) {
  .postbit .column.decals {
    display: none;
  }
}
.postbit .column.decals .pc-badge {
  color: inherit !important;
}

.decals-mobile {
  display: flex;
}
.decals-mobile .decals-row {
  margin-right: 0.25rem;
}
.decals-mobile .decals-row .pc-badge {
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .decals-mobile {
    display: none;
  }
}

.postbit.post-moderated .post-content .decals-row {
  display: none;
}

.decal-options {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .decal-options {
    flex-direction: column;
  }
}
.decal-options .decal-option {
  box-sizing: border-box;
  width: 20%;
  padding: 0 0.5rem;
  cursor: pointer;
}
.decal-options .decal-option input[type=checkbox] {
  display: none;
}
.decal-options .decal-option .decal-option-content {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
.decal-options .decal-option .decal-option-content .fake-checkbox {
  background-color: #c9c9c9;
  color: transparent;
  font-size: 1.35rem;
  border-radius: 6px;
  width: 30px;
  height: 30px;
  min-height: 30px;
  min-width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.decal-options .decal-option .decal-option-content .icon-container {
  margin: 0 0.5rem;
}
.decal-options .decal-option input[type=checkbox]:checked + .decal-option-content .fake-checkbox {
  background-color: #337ab7;
  color: white;
}
.decal-options .decal-option input[type=checkbox]:disabled + .decal-option-content {
  cursor: not-allowed;
}
.decal-options .decal-option input[type=checkbox]:disabled + .decal-option-content .fake-checkbox {
  background-color: #e3e3e3;
}

.gt-badge {
  width: 142px;
  height: 80px;
  display: block;
  position: relative;
}
.gt-badge.gt-shinybadge:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  background: url("http://www.pokecommunity.com/images/shiny-sparkle-300ms-loop.gif") no-repeat center center;
  opacity: 1;
}

/* Global Styles */
a {
  color: #c8dcf0;
  text-decoration: none;
}

a:hover, a:active:focus {
  color: #f0dfc8;
  text-decoration: none;
}

.form-control {
  color: #eee;
  background-color: #2c2c2c;
  border: 1px solid rgba(100, 100, 100, 0.28);
}

footer.page-footer {
  background: transparent;
}

footer.page-footer .col-sm-3 select {
  border: 1px solid rgba(100, 100, 100, 0.84);
}

.accent.accent-standard > a {
  background: url(/images/styles/thejohtoelite/gradient/gradient_tcat_alt.png), #203e6d !important;
}

.accent-red > a {
  background: url(/images/styles/thejohtoelite/gradient/gradient_tcat.png), #6b1e1d !important;
}

.time {
  color: #f0c8f0;
}

.content {
  background: #303030;
}

.notice {
  background-color: #323232;
  color: #eee;
}

.notice:nth-child(even) {
  background-color: #303030;
}

ul.search-menu li.search-interface .scope-block label {
  color: #eee;
  border: 1px solid rgba(100, 100, 100, 0.84);
}

ul.search-menu li.search-interface .scope-block input[type=radio]:checked + label {
  background-color: #2c2c2c;
  color: #eee;
}

.navbar-default .btn-link:focus, .navbar-default .btn-link:hover {
  color: #eee;
}

.block > header h1, .block > header h2, .block > header h3, .block > header h4, .block > header h5, .block > header h6 {
  color: #eee;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination a:hover:not(.active) {
  color: #eee;
  background-color: #034fad;
  background-color: rgba(3, 79, 173, 0.38) !important;
  border: none;
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
  color: #888;
}

/* Omnibar */
.omnibar .omnibar-menubar .navbar-header .navbar-brand {
  background: linear-gradient(#203e6d, #1a3257);
}

.omnibar .omnibar-menubar {
  background: #2b2b2b url(/images/styles/thejohtoelite/gradient/gradient_popup.png) repeat-x top left;
  border: 1px solid rgba(0, 0, 0, 0.09);
}

.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu > li[role=option-container] {
  color: #eee;
}

.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu > li.notifyalert {
  color: #eee;
}

.omnibar .navbar-nav .open .dropdown-menu {
  background: #404040;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175), inset white 0 0 7px -3px;
  text-shadow: none;
  color: #eee;
}

.omnibar .omnibar-menubar .navbar-nav > li > .dropdown-menu > li > a:hover, .omnibar .omnibar-menubar .navbar-nav > li > .dropdown-menu > li > a:focus {
  background-color: #235479;
  background-color: rgba(35, 84, 121, 0.76);
  color: #eee;
  box-shadow: inset white 0 0 8px -4px;
}

.omnibar .omnibar-menubar .navbar-nav > li.open > a {
  color: #fff !important;
  background-color: #034fad !important;
  background-color: rgba(3, 79, 173, 0.38) !important;
  box-shadow: inset white 0 0 10px -4px;
}

.omnibar .omnibar-menubar .navbar-nav > li.open > a {
  color: #fff !important;
  background-color: #034fad !important;
  background-color: rgba(3, 79, 173, 0.38) !important;
  box-shadow: inset white 0 0 10px -4px;
}

.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .notifications-list .notification-bit.unread, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .messages-list .notification-bit.unread {
  background-color: rgba(75, 75, 75, 0.39);
}

.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .dropdown-header.styled-header > a.dropdown-header-button, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .dropdown-header.notifications-header > a.dropdown-header-button {
  color: #fff;
  color: white;
  text-decoration: none;
}

.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .dropdown-header.styled-header > a.dropdown-header-button:hover, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .dropdown-header.notifications-header > a.dropdown-header-button:hover {
  color: #f0dfc8;
  box-shadow: none;
}

.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .dropdown-header.styled-header, .omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .dropdown-header.notifications-header {
  background: url(/images/styles/thejohtoelite/gradient/gradient_thead.png);
  border-bottom: 1px solid black;
  color: #fff;
  text-shadow: black 0 1px 2px;
}

.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .tile-items .menu-item a .menu-item-icon,
.omnibar .omnibar-menubar .navbar-nav > li .dropdown-menu .tile-items .menu-item a {
  color: rgba(238, 238, 238, 0.6);
}

.omnibar .omnibar-menubar .navbar-nav > li.user-menu > a {
  background: #545454;
  background: rgba(54, 54, 54, 0.4);
  color: #eee;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #eee;
  }
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background-color: rgba(0, 0, 0, 0.09);
  border-color: none;
}

.dropdown-menu {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175), inset white 0 0 7px -3px;
  text-shadow: none;
  color: #eee;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  background-color: #235479;
  background-color: rgba(35, 84, 121, 0.76);
  color: #eee;
  box-shadow: inset white 0 0 8px -4px;
}

.dropdown-menu a {
  color: #959595;
}

.dropdown-menu > li > a {
  color: #eee;
}

.dropdown-menu > li[role=alert] {
  color: #eee !important;
}

.dropdown-menu .divider {
  background-color: rgba(229, 229, 229, 0.4);
}

/* Header */
.header-image-generic {
  background: url(/images/styles/thejohtoelite/header/header-layer3.png) bottom left no-repeat, url(/images/styles/thejohtoelite/header/header-layer2.png) bottom center repeat-x, url(/images/styles/thejohtoelite/header/header-layer1.png) bottom center no-repeat, url(/images/styles/thejohtoelite/header/header-background.png) repeat-x bottom left;
  background-size: auto 120px, auto 120px;
  height: 120px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px;
  position: relative;
  margin-top: 81px;
  border-bottom: 3px solid rgba(49, 49, 49, 0.9);
}

@media (min-width: 768px) {
  .header-image-generic {
    height: 250px;
    background-size: auto 230px, auto 230px;
    padding-top: 0 !important;
    margin-top: 63px;
  }
}
@media (min-width: 768px) {
  .pc-logo {
    position: absolute;
    right: 30px;
    bottom: 5px;
  }
}
.pc-logo {
  position: absolute;
  right: 10px;
  bottom: 5px;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.3)) drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.3));
}

.pc-logo .div-logo {
  margin: 0;
  display: inline;
}

@media (min-width: 768px) {
  .pc-logo .div-logo img {
    height: 70px;
  }
}
.pc-logo .div-logo img {
  margin: 0;
  display: inline;
  height: 50px;
}

@media (min-width: 768px) {
  .pc-logo .div-logo-text {
    margin: 0;
    display: inline;
  }
}
.pc-logo .div-logo-text {
  margin: 0;
}

.pc-logo .div-logo-text img {
  margin: 0;
  display: inline;
}

@media (min-width: 768px) {
  .header-image-generic .generic-pc-logo-text {
    margin-top: -10px;
    margin-bottom: 10px;
    height: 75px;
  }
}
.header-image-generic .generic-pc-logo-text {
  margin-top: -5px;
  margin-bottom: 10px;
}

/* Index */
.block {
  background: #303030;
}
.block > header {
  border-bottom: none;
  background: url(/images/styles/thejohtoelite/gradient/gradient_tcat_alt.png);
  background-size: cover;
  text-shadow: black 0 1px 2px;
}
.block > header a.title,
.block > header h1,
.block > header h2.title,
.block > header h3 {
  color: #eee;
}

.block .sub-block > header {
  border-bottom: none;
  background: url(/images/styles/thejohtoelite/gradient/gradient_thead.png);
  background-size: cover;
  text-shadow: black 0 1px 2px;
}

.forumbits-grid .category-bit .forumbits .forum-bit .info header .title h2 {
  color: #c8dcf0;
  text-decoration: none;
}

.forumbits-grid .category-bit .forumbits .forum-bit .info header .title h2:hover, .forumbits-grid .category-bit .forumbits .forum-bit .info header .title h2:focus {
  color: #f0dfc8;
  text-decoration: none;
}

.category-bit .forumbits .forum-bit .lastposts .lastpostmeta .author {
  color: #888;
}

.category-bit .forumbits .forum-bit .icon {
  background-color: #363636;
}

.forumhome .switcher .item {
  border-radius: 2px 2px 3px 3px;
  box-shadow: none;
}

.forumhome .switcher .item.active {
  background-color: rgba(3, 79, 173, 0.38) !important;
  box-shadow: inset rgba(255, 255, 255, 0.6) 0 0 10px -4px;
}

.forumhome .switcher .item.active:after {
  border-top: solid 6px rgba(3, 79, 173, 0.38) !important;
}

.forumhome .switcher .item:hover, .forumhome .switcher .item:hover, .forumhome .switcher .item:hover, .forumhome .switcher .item:focus {
  background-color: rgba(3, 79, 173, 0.38) !important;
  box-shadow: inset rgba(255, 255, 255, 0.6) 0 0 10px -4px;
}

.forumhome .switcher .item.active:after {
  border-top: none !important;
}

.forumhome .switcher .item.active:after {
  border-top: none !important;
}

.forumhome .switcher .item.active:after {
  border-top: none !important;
  border-left: none;
  border-right: none;
}

.forumhome .switcher .item.active:after, .forumhome .switcher .item:hover:after, .forumhome .switcher .item:focus:after {
  border-top: none !important;
}

.forumhome .switcher .item:after {
  border-top: none !important;
  border-left: none transparent;
  border-right: none transparent;
}

.bulletinboard .controls.block-foot.bulletinboard-foot .slick-dots li.slick-active button, .promoted-content .controls.block-foot.bulletinboard-foot .slick-dots li.slick-active button {
  background: #535353;
}

.bulletinboard .controls.block-foot.bulletinboard-foot .slick-dots li button, .promoted-content .controls.block-foot.bulletinboard-foot .slick-dots li button {
  background: rgba(73, 73, 73, 0.5);
}

body .block > header .toolbar li a, body .block > header .subtitle {
  color: #eee;
}

@media (max-width: 767px) {
  .toolbar > ul > li.dropdown > ul.dropdown-menu {
    background: #404040;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175), inset white 0 0 7px -3px;
    text-shadow: none;
    color: #eee;
  }
}
.toolbar.toolbar-default > ul > li.open > a {
  color: #eee;
  background: transparent !important;
}

.toolbar.toolbar-default > ul > li > a {
  color: inherit;
}

.toolbar.toolbar-default > ul > li > a:hover, .toolbar.toolbar-default > ul > li > a:focus {
  color: #f0dfc8;
}

ul.onlinelist > li a {
  color: inherit;
}

/* Forum Display */
.category-list {
  background: #323232;
}

.threadicon {
  background: #363636;
}

.category-bit .title h1 {
  color: #eee;
}

.actions .action.primary-action {
  background: #404040;
  color: #eee;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.017), inset rgba(255, 255, 255, 0.5) 0 0 7px -3px;
}

.actions .action {
  background: #404040;
  color: #eee;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.017), inset rgba(255, 255, 255, 0.5) 0 0 7px -3px;
}

.user-list > li a {
  color: #eee;
}

.user-list > li a:hover, .user-list > li a:focus {
  background: #2c2c2c;
  color: #eee;
}

/* Thread Display */
.postbit .userinfo {
  background: #323232;
}

.postbit .post-body .signature:before {
  background-color: rgba(229, 229, 229, 0.4);
}

.block .controls.block-foot > ul > li > a.control-highlighted {
  color: #f0c8f0;
}

.block .controls.block-foot > ul > li > a.control-highlighted:hover, .block .controls.block-foot > ul > li > a.control-highlighted:focus {
  color: #f0c8f0;
}

.controlbar .menu-forecolor li a:hover {
  color: transparent;
}

.postbit .like-count {
  background: #323232;
  border: 1px solid rgba(13, 13, 13, 0.31);
  color: #acacac;
}

.reaction-user-template:hover, .reaction-user-template:focus {
  background: #2c2c2c;
  text-decoration: none;
}

ul.attached-files > .attachment, ul.attached-files > .attachment:hover {
  border: 1px solid rgba(13, 13, 13, 0.31);
  background: #323232;
  color: #eee;
}

ul.attached-files > .attachment.open > a.attach-link > .attach-icon, ul.attached-files > .attachment:focus > a.attach-link > .attach-icon, ul.attached-files > .attachment:hover > a.attach-link > .attach-icon {
  background: #323232;
}

ul.attached-files > .attachment.open > .dropdown-toggle, ul.attached-files > .attachment.open > .dropdown-toggle:hover, ul.attached-files > .attachment.open > .dropdown-toggle:focus {
  background: #e6e6e6;
}

ul.attached-files > .attachment.open > .dropdown-toggle, ul.attached-files > .attachment.open > .dropdown-toggle:hover, ul.attached-files > .attachment.open > .dropdown-toggle:focus {
  background: #323232;
  box-shadow: inset white 0 0 6px -4px;
}

ul.attached-files > .attachment > .dropdown-toggle {
  border-left: 1px solid rgba(13, 13, 13, 0.31);
}

ul.attached-files > .attachment > a.attach-link > .attach-icon {
  background: #323232;
  color: #eee;
}

ul.attached-files > .attachment > a.attach-link > .attach-icon:hover, .attach-icon:focus {
  background: #323232;
  color: #eee;
}

.bbcodeblock {
  color: #eee;
}

.bbcodeblock.quote .byline {
  color: #888;
}

/* Modal Customizations */
.modal-content {
  background-color: #fff;
  background-clip: padding-box;
  border: none;
  border-radius: 0;
}

.modal .modal-header {
  border-bottom: none;
  background: url(/images/styles/thejohtoelite/gradient/gradient_tcat_alt.png);
  background-size: cover;
  text-shadow: black 0 1px 2px;
}

.modal .modal-header .modal-title {
  color: #eee;
}

.modal-body {
  background: #303030;
  color: #eee;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: none;
  background: #323232;
}

button.close {
  color: #fff;
  text-shadow: none;
  padding-right: 1vw;
}

.close {
  opacity: 1;
}

/* Buttons */
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
  -webkit-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.btn-primary {
  color: #fff;
  border-color: #0c375f;
  background-image: linear-gradient(45deg, #203e6d 25%, #1f3c6b 25%, #1f3c6b 50%, #203e6d 50%, #203e6d 75%, #1f3c6b 75%, #1f3c6b 100%);
  background-size: 26.57px 26.57px;
}

.btn-primary:hover {
  background-image: linear-gradient(45deg, #203e6d 25%, #214175 25%, #214175 50%, #203e6d 50%, #203e6d 75%, #214175 75%, #214175 100%);
  background-size: 26.57px 26.57px;
}

.btn-default {
  border-color: rgba(60, 60, 60, 0.69);
  color: #eee;
  background-color: rgba(44, 44, 44, 0.85);
}

.btn-default:hover {
  border-color: rgba(55, 55, 55, 0.3);
  color: #eee;
  background-color: rgba(46, 46, 46, 0.69);
  -webkit-transition: color 0.5s !important;
  transition: color 0.5s !important;
}

.navbar-default .btn-link {
  color: #eee;
}

/* Popup Page */
.nav-tabs {
  border-bottom: 2px solid rgba(0, 0, 0, 0.6);
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover {
  color: inherit;
  border: 1px solid transparent;
  border-bottom-color: transparent;
  background-color: rgba(3, 79, 173, 0.38) !important;
  box-shadow: inset rgba(255, 255, 255, 0.6) 0 0 10px -4px;
}

/* Dashboard and Settings */
.block-menu.settings-menu li.pane-link.active a, .block-menu.dashboard-menu li.pane-link.active a {
  background-color: rgba(0, 0, 0, 0.09) !important;
}

.block > .menu > .nav .pane-link > a:hover, .block > .menu > .nav .pane-link > a:focus {
  background-color: rgba(0, 0, 0, 0.09);
}

.block .message-bit.unread {
  background-color: rgba(75, 75, 75, 0.39);
}

.block .message-bit.unread:hover {
  background-color: rgba(132, 132, 132, 0.39);
  color: #eee;
}

.block .message-bit a div.message-data .message-sample {
  color: #b8b8b8;
}

/* Legacy Styling */
.tcat {
  color: #eee;
  padding: 10px;
  background: url(/images/styles/thejohtoelite/gradient/gradient_tcat_alt.png);
  background-size: cover;
  text-shadow: black 0 1px 2px;
}

ul.tab_list li.tcat {
  background: url(/images/styles/thejohtoelite/gradient/gradient_tcat_alt.png);
  background-size: cover;
  text-shadow: black 0 1px 2px;
}

.thead {
  color: #eee;
  background: url(/images/styles/thejohtoelite/gradient/gradient_thead.png) top center;
  text-shadow: black 0 1px 2px;
}

ul.tab_list li.thead {
  color: #eee;
  background: url(/images/styles/thejohtoelite/gradient/gradient_thead.png) top center;
  text-shadow: black 0 1px 2px;
}

.tfoot {
  background: #373737;
  color: #eee;
}

.panel {
  margin-bottom: 20px;
  background-color: #323232;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.tborder {
  background: none;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.89);
}

.alt1, .alt1Active {
  background: #303030;
}

.alt2, .alt2Active {
  background: #323232;
}

button, input, select, textarea {
  color: #eee;
  background-color: #2c2c2c;
  border: 1px solid rgba(100, 100, 100, 0.28);
}

legend {
  color: #ffe4c4;
}

/*# sourceMappingURL=main.css.map */