/* Respond theme for MyBB (http://community.mybb.com/thread-172197.html) */

@font-face {
  font-family: "upheaval";
  src: url(data:application/x-font-woff;charset=utf-8;base64,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)
    format("woff");
  font-weight: normal;
  font-style: normal;
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes slideUpFadeOut {
  0% {
    opacity: 0;
    transform: translate(0);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(0, -2rem);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInHalfRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }

  to {
    opacity: 50%;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

/*
 * When using custom Bootstrap themes, you may need to manually set the colors
 * for the following styles:
 */
.trow_deleted {
  background-color: #d13633 !important;
}

.trow_shaded {
}

.trow_selected {
  background-color: rgb(252, 248, 227) !important;
}

#quickreply.affix {
  border-top-color: #ddd !important;
  border-top-width: 2px;
  z-index: 10 !important;
}

#posts .unapproved_post {
  background-color: rgb(252, 248, 227) !important;
}

.calendar .trow1,
.calendar .trow2,
.calendar .trow_sep,
.calendar th {
  border-color: transparent !important;
}

.calendar .trow_sep {
  background-color: #d9edf7 !important;
}

/* CSS DIRECTORY
 * 1. =GLOBAL
 * 2. =PRIMARY
 * 3. =HEADER
 * 4. =FORUMDISPLAY
 * 5. =SHOWTHREAD
 * 6. =POSTBIT
 * 7. =CALENDAR
 */

/* ===GLOBAL=== */

* {
  position: relative;
}

.fade-in-left {
  opacity: 1;
  animation: 500ms fadeInLeft;
}
.fade-out {
  opacity: 0;
  animation: 500ms fadeOut;
}

.pull-left,
.pull-right,
.close {
  z-index: 1;
}

.pull-right.pull-share {
  max-width: 52.5%;
  text-align: right;
  padding-left: 5%;
}

.pull-left.pull-share {
  max-width: 52.5%;
  text-align: left;
  padding-right: 5%;
}

.clear {
  clear: both;
}

small,
.small {
  font-size: 85%;
}

.fa-sm {
  font-size: 70%;
}

.overflow-hidden {
  overflow: hidden;
}

.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-margin-padding {
  margin: 0 !important;
  padding: 0 !important;
}

dd > ul {
  padding-bottom: 20px;
}

.truncate,
.text-truncate {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* ===PRIMARY=== */

.panel {
  clear: both;
  border-width: 2px;
  border-radius: 4px;
}

.panel-heading,
.panel-footer {
  overflow: hidden;
}

.pagination-lead-spacing,
.panel-lead {
  margin-bottom: 10px;
}

.pagination-trail-spacing,
.panel-trail {
  overflow: hidden;
  margin-top: -10px;
}

.thread-multipage {
  display: inline-block;
  vertical-align: middle;
}

.thread-multipage .pagination {
  margin: 0;
  padding: 0;
}

.pagination {
  margin: 0;
  padding: 0;
}
.pagination > li {
  float: left;
  display: block;
}
.pagination > li > a {
  height: 3.6rem;
  min-width: 4rem;
  text-align: center;
  margin: 0;
  padding: 0.2rem 1rem;
  border-width: 0 2px 0 0;
  font-family: "upheaval", helvetica, verdana, sans-serif;
  font-size: 2rem;
  word-break: break-all;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.75), 1px -1px 0 rgba(0, 0, 0, 0.75),
    -1px 1px 0 rgba(0, 0, 0, 0.75), 1px 1px 0 rgba(0, 0, 0, 0.75);
}
.pagination > li:last-child > a {
  border-width: 0;
}

.modal .list-group {
  margin-bottom: 0;
}

.modal .list-group .list-group-item {
  border-radius: 0;
}

.modal-backdrop {
  z-index: 1050;
}

.popover {
  position: absolute;
  z-index: 99;
}

.force-inline input,
.force-inline select {
  display: inline-block;
  width: auto;
}

.form-control {
  max-width: 100%;
}
.form-inline .control-label {
  font-size: 1.2rem;
  padding-right: 0;
  padding-top: 1.15rem;
}

.panel-footer form,
.panel-footer form > .form-group,
.panel-footer form > .input-group {
  margin-bottom: 7.4px;
}

.panel-footer form:last-of-type,
.panel-footer form > .form-group:last-of-type,
.panel-footer form > .input-group:last-of-type {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .panel-footer form > .form-group > .form-control,
  .panel-footer form > .form-group > .btn {
    margin-bottom: 7.4px;
  }
}

.trow_deleted {
  opacity: 0.33 !important;
}

.trow_shaded {
  opacity: 0.66;
}

.sceditor-container {
}

.sceditor-container * {
  box-sizing: content-box;
}

.sceditor-container.sourceMode textarea,
.jeditable textarea {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 14px;
  font-weight: normal;
  height: 40vh;
}

.select2-container {
  height: auto;
  min-width: 168px;
  border: none;
  padding: 0;
  background: none;
}

.expcolimage {
  position: absolute;
  right: 10px;
  vertical-align: middle;
  margin-top: 3px;
  z-index: 1;
}

.expander.collapse,
.expander.collapse_collapsed {
  font: normal normal normal 21px FontAwesome;
  display: inline-block;
  text-decoration: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 0.7;
}

.expander.collapse:before {
  content: "\f205";
}

.expander.collapse_collapsed:before {
  content: "\f204";
}

[data-toggle="collapse"] .fa.toggle:before {
  content: "\f205";
}

[data-toggle="collapse"].collapsed .fa.toggle:before {
  content: "\f204";
}

.checkbox-mod,
.checkbox-mod-all {
  position: absolute;
  right: 14px;
  z-index: 1;
}

.caret {
  transition: all 250ms ease-in-out;
}

.dropdown-toggle > .caret {
  transform: rotate(270deg);
}

.open > .dropdown-toggle > .caret {
  transform: rotate(90deg);
}

.dropup > .dropdown-toggle > .caret {
  transform: rotate(0deg);
}

.dropup.open > .dropdown-toggle > .caret {
  transform: rotate(180deg);
}

[data-toggle="collapse"][aria-expanded="true"] .caret {
  transform: rotate(180deg);
}

/* ===HEADER=== */

#logo {
  padding: 20px 14px 20px 14px;
}
#logo img {
  height: 160px;
}
@media (max-width: 767px) {
  #logo {
    padding: 20px 0;
  }
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

.nav > .dropdown > .dropdown-toggle > .caret {
  transform: rotate(0) !important;
}

.nav > .dropdown.open > .dropdown-toggle > .caret {
  transform: rotate(180deg) !important;
}

.navbar-nav > li > .dropdown-toggle > .caret {
  transform: rotate(0);
}

.navbar-nav > li.open > .dropdown-toggle > .caret {
  transform: rotate(180deg);
}

@media (max-width: 767px) {
  #forum-tree .dropdown-menu {
    padding-left: 14px;
  }

  #forum-tree .dropdown-menu .dropdown-menu {
    padding-left: 14px;
  }

  ul.nav.navbar-nav.pull-left {
    /*margin: 0;*/
  }

  .avatar {
    width: 40px;
    height: 40px;
  }
}

@media (min-width: 768px) {
  .container-fluid > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container > .navbar-header {
    margin-right: -14px;
    margin-left: -14px;
  }
}

.alert-num {
  position: absolute;
  right: -3px;
  bottom: -8px;
  padding: 2px 3px;
  font-size: 50%;
  opacity: 0.75;
}

/* ===FORUMDISPLAY=== */

.flow {
  font-size: 1.8rem;
  font-weight: 400;
}
.forum_status,
.subforumicon {
  outline: 0 !important;
  font-family: FontAwesome;
  font-size: 32px;
  font-weight: normal;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none !important;
}

.forum_status {
  width: 50px;
  text-align: center;
  border-radius: 50%;
  height: 50px;
  line-height: 50px;
}

@media (max-width: 767px) {
  .forum_status,
  .subforumicon {
    font-size: 24px;
  }

  .forum_status {
    width: 38px;
    height: 38px;
    line-height: 38px;
  }
}

/* Position adjustments */
.forum_status .fa-play {
  left: 6%;
}

.subforumicon {
  font-size: 16px;
}

.forum_status.forum_off,
.forum_status.forum_offlock {
  opacity: 0.35;
}

.forum_status.forum_on.forum_generic i:before,
.subforum_minion.forum_generic i:before {
  content: "\f086";
}

.forum_status.forum_off.forum_generic i:before,
.subforum_minioff.forum_generic i:before {
  content: "\f0e6";
}

.forum_status.forum_offlock i:before,
.subforum_miniofflock i:before {
  content: "\f023";
}

.forum_status.forum_offlink i:before,
.subforum_miniofflink i:before {
  content: "\f0c1";
}

.fa.remove:before {
  content: "\f146";
}

.thread-icons {
  display: inline-block;
  width: 40px;
}

.thread-icons .icon {
  position: absolute;
  left: 18px;
}

.thread-icons .attachment {
  position: absolute;
  left: 36px;
}

.inline_rating {
  float: none !important;
  padding: 0 !important;
}

.star_rating {
  display: inline-block;
  margin: 0 auto !important;
}

.star_rating li {
  position: static;
}

.forumdisplay-browsing {
  margin: 2rem 0;
}

/* ===SHOWTHREAD=== */

.minusball {
  display: block;
  text-decoration: none;
  border: 0;
  position: absolute;
  width: 120px;
  height: 121px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background: url(../images/items/minusball.svg) no-repeat top left;
  background-size: contain;
  z-index: 9999;
  transition: transform 250ms;
}
.minusball--gold {
  background-image: url(../images/items/minusball-gold.svg);
}
.minusball:hover {
  transform: scale(1.2) rotate(20deg);
}

.showthread_spinner {
  display: inline;
}

.quick_jump {
  text-decoration: none !important;
  display: inline-block;
  margin-left: 0.5rem;
}
.quick_jump:after {
  content: "\f138";
  font-family: fontawesome;
  font-style: normal;
  font-weight: normal;
}

#thread-subject.affix-bottom {
  border-radius: 0;
}

#showthread .panel .panel-heading.affix {
  top: 0;
  border-radius: 0;
  z-index: 100 !important;
}

#quickreply.affix {
  padding: 10px 14px;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.75);
  border-top: 1px solid #ddd;
}

#quickreply.affix .well {
  opacity: 0.75;
}

#quickreply.affix .quickreply-opt,
#quickreply.affix label,
#quickreply.affix .help-block {
  display: none;
}

ul.thread_tools {
  display: inline-block;
  margin: 0 0 10px 0px;
  padding: 0;
}
ul.thread_tools li {
  padding: 0 4px 0 24px;
}
ul.thread_tools,
ul.thread_tools a {
  color: rgba(255, 255, 255, 0.5);
}
ul.thread_tools a:hover,
ul.thread_tools a:focus {
  color: white;
}

.last-post-link {
  display: inline-block;
  margin-left: 0.5rem;
  font-size: 1.4rem;
}

.multiquote-list {
  display: inline-block;
  margin-left: 0;
}
.multiquote-list li {
  padding: 0 0 0 0.25em;
}
.multiquote-list li:after {
  content: ", ";
}
.multiquote-list li:last-child:after {
  content: "";
}
.multiquote-close {
  position: absolute;
  top: 0.65rem;
  right: 1rem;
  font-size: 1.6rem;
  color: white;
}

/* ===POSTBIT=== */

#posts .media,
.post_media > .media-body {
  overflow: visible;
}

.post_media > .media-left {
  min-width: 218px;
  max-width: 218px;
}

.avatar {
  display: block;
  width: 54px;
  height: 54px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.avatar.offline {
  opacity: 0.35;
}
.avatar-sm,
.avatar-xs {
  width: 2.4rem;
  height: 2.4rem;
}
@media (min-width: 767px) {
  .avatar-sm {
    width: 4rem;
    height: 4rem;
  }
}
.avatar-md {
  width: 4rem;
  height: 4rem;
}
.avatar-inline {
  display: inline-block;
}
.img-circle {
  border-radius: 10px;
  border: 2px solid #ccc;
}
.img-circle-sm,
.avatar-sm.img-circle {
  border-radius: 6px;
}
.avatar-md.img-circle {
  border-radius: 8px;
}

.classic .avatar {
  width: 100px;
  height: 100px;
}
.scaleimages img {
  max-width: 100%;
}

.classic .post_controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 14px 14px;
  z-index: 10;
}

.classic .media {
  margin-bottom: 40px;
}

.classic .post_media > .media-left .post_controls .hidden-xs {
  display: none;
}

.media-img {
  width: 6.4rem;
  height: 6.4rem;
}
@media screen and (min-width: 768px) {
  .media-img {
    width: 12rem;
    height: 12rem;
  }
}

blockquote {
  margin: 1em 0;
  font-size: 1.4rem;
  border: 2px solid #ccc;
  border-radius: 4px;
}

/*blockquote:after {
	content: '\201C';
	font-family: 'georgia', serif;
	font-size: 6rem;
	height: 4rem;
	width: 4rem;
	line-height: 7rem;
	text-align: center;
	background-color: #FFA000;
	border-radius: 50%;
	color: white;
	position: absolute;
	top: 0;
	left: 1rem;
	z-index: 1;
}*/

blockquote cite {
  display: block;
  margin-bottom: 1rem;
}

blockquote cite span {
  color: rgba(255, 255, 255, 0.5);
}

blockquote cite span::after {
  content: " ";
}

blockquote cite span.highlight {
}

.codeblock {
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px;
}

.codeblock .title {
  border-bottom: 2px solid #ccc;
  font-weight: bold;
  padding-bottom: 3px;
  margin: 0 0 10px 0;
}

.codeblock code {
  overflow: auto;
  height: auto;
  max-height: 200px;
  display: block;
  font-family: Monaco, Consolas, Courier, monospace;
  font-size: 13px;
}

.smilie {
  vertical-align: middle;
}

.smilie_pointer {
  cursor: pointer;
}

.post-thread-tools {
  clear: right;
  margin-bottom: 4px;
}

#posts .deleted_post {
  opacity: 0.33;
}

#preview-post button,
#preview-post .collapse,
#preview-post .post_date {
  display: none;
}

/* ===CALENDAR=== */

.calendar {
  table-layout: fixed;
}

.calendar th.weekday {
  width: 14%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.calendar .trow1,
.calendar .trow2,
.calendar .trow_sep {
  background: inherit;
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border: none;
  border-top: 1px solid #ddd;
}

.calendar .trow1 {
  opacity: 0.33;
}

.calendar .trow_sep {
  font-weight: bold;
}

.calendar .xs-weekday {
  width: 0px;
  display: block;
  visibility: hidden;
}

.calendar .xs-weekday:first-letter {
  visibility: visible;
}

.calendar .events {
  position: absolute;
  right: 8px;
  bottom: 8px;
  left: 8px;
  overflow: hidden;
  white-space: nowrap;
}

.calendar .events .event {
  width: 100%;
  overflow: hidden;
  margin-top: 4px;
  text-overflow: ellipsis;
}

/**
 * MINUS WORLD BOOTSTRAP OVERRIDES
 */

/**
 * HELPERS
 */

.m-b-0 {
  margin-bottom: 0 !important;
}
.m-b-sm {
  margin-bottom: 1rem !important;
}

.m-t-0 {
  margin-top: 0 !important;
}
.m-t-sm {
  margin-top: 1rem !important;
}
.m-t-md {
  margin-top: 2rem !important;
}

.m-l-0 {
  margin-left: 0 !important;
}
.m-l-sm {
  margin-left: 1rem !important;
}

.m-r-0 {
  margin-right: 0 !important;
}
.m-r-sm {
  margin-right: 1rem !important;
}

.p-t-0 {
  padding-top: 0 !important;
}
.p-t-sm {
  padding-top: 1rem !important;
}

.p-b-0 {
  padding-bottom: 0 !important;
}
.p-b-sm {
  padding-bottom: 1rem !important;
}

.p-l-0 {
  padding-left: 0 !important;
}
.p-l-sm {
  padding-left: 1rem !important;
}

.p-r-0 {
  padding-right: 0 !important;
}
.p-r-sm {
  padding-right: 1rem !important;
}

.username {
  font-family: "upheaval", helvetica, verdana, sans-serif;
  font-size: 2rem;
  word-break: break-all;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.75), 1px -1px 0 rgba(0, 0, 0, 0.75),
    -1px 1px 0 rgba(0, 0, 0, 0.75), 1px 1px 0 rgba(0, 0, 0, 0.75);
}
.username span {
  color: white;
}
.username-lg {
  font-size: 2.5rem;
}
.media-heading.username {
  padding: 0 0.2rem;
}

@media screen and (max-width: 768px) {
  .visible-xs-inline {
    display: inline-block !important;
  }
}

@media screen and (min-width: 768px) {
  .visible-xs-inline {
    display: none !important;
  }
}

/**
 * OBJECTS
 */
hr {
  border: 0;
  height: 2px;
  background: rgba(255, 255, 255, 0.1);
}
.post img {
  max-width: 100%;
}

/**
 * BASE PAGE
 */
html {
  font-size: 10px !important;
}
body {
  line-height: 1.3;
  font-family: "Lato", helvetica, verdana, sans-serif;
  font-size: 1.5rem;
  min-height: 100%;
}
[id="site-panel"] {
  min-height: 100vh;
}
[id="site-panel"] > header {
  margin-top: 52px;
}
[id="site-panel"] > footer {
  margin-top: 20px;
  margin-bottom: -20px;
  padding: 2rem 0;
  border-style: solid;
  border-width: 2px 0 0;
}
.navbar-default {
  border-width: 0 0 2px 0;
}
.navbar-default .navbar-brand {
  font-family: "upheaval", helvetica, verdana, sans-serif;
  font-size: 20px;
  color: white;
  margin-top: -1px;
}
.page-header {
  border-bottom-width: 2px;
}
.header-userinfo {
  float: right;
  display: flex;
  min-width: 275px;
  max-width: 320px;
  padding: 1rem;
  border-radius: 4px;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: opacity 100ms;
}
.header-userinfo-avatar {
  height: 100px;
  width: 100px;
  border-radius: 15px;
  border: 2px solid #ccc;
  background-size: cover;
  background-position: center;
}
.header-userinfo-text {
  padding-left: 1.5rem;
}
.header-userinfo-guesttext > span {
  display: block;
  margin-bottom: 1rem;
}
.header-userinfo-greeting {
  display: block;
  margin-bottom: 0;
  font-size: 1.2rem;
}
.header-userinfo-name {
  display: block;
  font-family: "upheaval", helvetica, verdana, sans-serif;
  font-size: 2.5rem;
  line-height: 1;
  margin-bottom: 1rem;
  word-break: break-all;
  text-decoration: none !important;
  color: white !important;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.75), 1px -1px 0 rgba(0, 0, 0, 0.75),
    -1px 1px 0 rgba(0, 0, 0, 0.75), 1px 1px 0 rgba(0, 0, 0, 0.75);
}
.header-userinfo-links {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  display: flex;
}
.header-userinfo-links > li {
  margin-right: 4px;
  position: relative;
}
.header-userinfo-links > li > a {
  display: block;
  padding: 0 1rem;
  line-height: 4rem;
  text-decoration: none;
  font-size: 2.4rem;
  color: rgba(255, 255, 255, 0.75);
  border: 2px solid #3f648b;
  border-right-width: 0;
  outline: 0;
}
.header-userinfo-links > li:first-child > a {
  border-radius: 4px 0 0 4px;
}
.header-userinfo-links > li:last-child > a {
  border-radius: 0 4px 4px 0;
  border-right-width: 2px;
}
.header-userinfo-links > li > a:hover,
.header-userinfo-links > li > a:focus {
  color: white;
}
.header-userinfo-count {
  font-family: "upheaval", helvetica, verdana, sans-serif;
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 2px;
  border: 2px solid;
  z-index: 1;
  color: white;
  background-color: red;
  box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.3);
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,
    1px 1px 0 #000;
  border-radius: 2px;
  font-size: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  padding: 0 0.1rem;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 250ms;
}
.header-userinfo-count--new {
  animation: 1s rubberBand;
}
.header-userinfo_exp {
  display: flex;
  margin-top: 1rem;
  max-width: 172px;
}
@media (max-width: 767px) {
  .header-userinfo {
    float: none;
    margin: 0 auto;
  }
  .header-userinfo-avatar {
    width: 60px !important;
    height: 60px !important;
  }
  .header-userinfo_exp {
    max-width: none;
  }
}
@media (min-width: 768px and max-width: 1200px) {
  .header-userinfo-avatar {
    width: 80px !important;
    height: 80px !important;
  }
}

/**
 * HEADINGS
 */
h1,
h2,
h3,
.panel-title {
  font-family: "upheaval", "Lato", helvetica, verdana, sans-serif;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.75), 1px -1px 0 rgba(0, 0, 0, 0.75),
    -1px 1px 0 rgba(0, 0, 0, 0.75), 1px 1px 0 rgba(0, 0, 0, 0.75);
}
h1 small,
h2 small,
h3 small {
  font-family: "Lato", helvetica, verdana, sans-serif;
  text-shadow: none;
}
h1 {
  font-size: 4rem;
}
h2 {
  font-size: 3.2rem;
}
h3 {
  font-size: 2.6rem;
}
h4 {
  font-size: 2rem;
}

/**
 * BUTTONS
 */
.btn,
div.jqi button {
  line-height: 3.6rem;
  padding: 0 1.2rem;
  margin-right: 1px;
  border-width: 2px;
  border-radius: 4px;
  border-style: solid;
  outline: 0 !important;
  color: white;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.25);
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5), 1px -1px 0 rgba(0, 0, 0, 0.5),
    -1px 1px 0 rgba(0, 0, 0, 0.5), 1px 1px 0 rgba(0, 0, 0, 0.5);
  font-family: "upheaval", sans-serif;
  font-size: 2rem;
}
.btn:hover,
.btn:focus {
  box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.25);
  transition: width 150ms, height 150ms;
}
.btn:active {
  box-shadow: none;
}
.btn.disabled {
  background: #ccc;
  border-color: #eee;
  color: #444;
}
.btn-xs {
  font-family: "Lato", helvetica, verdana, sans-serif;
  text-shadow: none;
  padding: 0 0.5rem;
  line-height: 2.6rem;
  font-size: 1.2rem;
}
.btn-icononly.btn-xs {
  padding: 0;
  line-height: 1.6rem;
  font-size: 1rem;
  min-width: 2rem;
  min-height: 2rem;
}
.btn-sm,
.btn-icononly.btn-sm {
  min-width: 3rem;
  min-height: 3rem;
}
.btn-lg,
.btn-icononly.btn-lg {
  min-width: 4rem;
  min-height: 4rem;
}
.btn-group > .btn {
  border-width: 2px;
  margin-right: -2px;
}
.btn-group > .btn:last-child {
  border-right-width: 2px;
}
.btn-group > .active {
  box-shadow: none !important;
}
.btn-group > .active:first-child {
  border-width: 2px 0 2px 2px;
}
.btn-group > .active:last-child {
  border-width: 2px 2px 2px 0;
}
.btn > .fa {
  font-size: 1.4rem;
}
.btn-xs > .fa {
  font-size: 1rem;
}
.btn-sm > .fa {
  font-size: 1.2rem;
}

.btn-icononly {
  position: absolute;
  overflow: hidden;
  vertical-align: top;
  padding: 0;
  min-width: 4rem;
  min-height: 4rem;
  opacity: 0;
}
.btn-icononly:hover {
  transition-delay: 300ms;
}
.btn-icononly:hover .header-userinfo-count {
  opacity: 0 !important;
}
.btn-icononly-open {
  cursor: default;
  z-index: 10000;
}
.btn-icononly > .fa,
.btn-icononly > .btn-icononly-toggle {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.6rem;
  line-height: 4rem;
  pointer-events: none;
  font-size: 1.4rem;
  color: white;
  z-index: 1;
  transition: top 150ms;
}
.btn-sm.btn-icononly > .fa,
.btn-sm.btn-icononly > .btn-icononly-toggle {
  width: 2.6rem;
  line-height: 3rem;
}

.btn-opts {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: left;
  transition: opacity 250ms;
}
.btn-opts > li:last-child > a {
  padding-bottom: 0.4rem;
}
.btn-opts > li > a,
.btn-opts > li > button {
  display: block;
  position: relative;
  top: -2px;
  padding: 0 1.2rem 0 4rem;
  line-height: 3.6rem;
  max-height: 3.6rem;
  color: white;
  text-decoration: none;
  background: transparent;
  border: 0;
  transition: all 50ms;
}
.btn-sm .btn-opts > li > a,
.btn-sm .btn-opts > li > button {
  padding: 0 0.6rem 0 3rem;
  line-height: 2.6rem;
  max-height: 2.6rem;
  font-size: 1.8rem;
  top: -5px;
}
.btn-opts > li > a:active {
  background: transparent !important;
}
.btn-opts .divider {
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

.btn-icononly-wrap {
  display: inline-block;
  vertical-align: top;
  margin-right: 1px;
}
.btn-toolbar {
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .btn {
    min-height: 3rem;
    min-width: 3rem;
    line-height: 2.6rem;
    font-size: 1.5rem;
    padding: 0 0.6rem;
  }
  .btn-lg,
  .btn-icononly.btn-lg {
    min-width: 4rem;
    min-height: 4rem;
  }
  .btn > .fa,
  .btn-icononly > .btn-icononly-toggle {
    line-height: 2.6rem;
    font-size: 1.2rem;
  }
  .btn-opts > li > a {
    padding: 0 0.6rem 0 3rem;
    line-height: 2.6rem;
    max-height: 2.6rem;
  }
  .btn-icononly {
    padding: 0;
  }
  .btn-dummy {
    height: 3rem;
    width: 3rem;
  }
  .btn img {
    height: 80%;
  }
  .btn-icononly > .fa,
  .btn-icononly > .btn-icononly-toggle {
    width: 2.6rem;
  }
  .header-userinfo-links .btn-icononly {
    min-height: 4rem;
    min-width: 4rem;
    line-height: 3.6rem;
    font-size: 2rem;
    padding: 0;
  }
  .header-userinfo-links .btn-dummy {
    width: 4rem;
    height: 4rem;
  }
  .header-userinfo-links .btn-icononly > .fa {
    line-height: 3.6rem;
    width: 3.6rem;
    font-size: 1.4rem;
  }
  .header-userinfo-links .btn-opts > li > a {
    padding: 0 1.2rem 0 4rem;
    line-height: 3.6rem;
    max-height: 3.6rem;
  }
}
.btn-blank {
  background: transparent;
  border: 0;
  outline: 0;
}
.btn-loading > .fa {
  display: none;
  margin-left: 0.5rem;
}
.btn-loading--active {
  pointer-events: none;
}
.btn-loading--active > .fa {
  display: inline-block;
}

/**
 * META
 */
.exp {
  display: flex;
  margin: 0 0 1.5rem;
  color: white;
}
.exp_label {
  padding-right: 5px;
  font-family: "upheaval", helvetica, verdana, sans-serif;
  font-size: 15px;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.75), 1px -1px 0 rgba(0, 0, 0, 0.75),
    -1px 1px 0 rgba(0, 0, 0, 0.75), 1px 1px 0 rgba(0, 0, 0, 0.75);
}
.exp_label > small {
  font-size: 9px;
}
.exp_progress {
  position: relative;
  margin-left: auto;
  flex-grow: 1;
  margin-bottom: 0px;
  font-size: 15px;
  font-family: "upheaval", helvetica, verdana, sans-serif;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.75), 1px -1px 0 rgba(0, 0, 0, 0.75),
    -1px 1px 0 rgba(0, 0, 0, 0.75), 1px 1px 0 rgba(0, 0, 0, 0.75);
}
.exp_progress > span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  line-height: 1.8rem;
  z-index: 2;
}
.progress.level-1 {
  background-color: #65315f;
  box-shadow: 0 0 0 2px #f478ef;
}
.level-1 .progress-bar {
  background-color: #c243b5;
  background-image: repeating-linear-gradient(
    90deg,
    #c243b5,
    #c243b5 5px,
    #a72694 5px,
    #a72694 6px
  );
}
.progress.level-2 {
  background-color: #1b4972;
  box-shadow: 0 0 0 2px #29cafb;
}
.level-2 .progress-bar {
  background-color: #177ede;
  background-image: repeating-linear-gradient(
    90deg,
    #177ede,
    #177ede 5px,
    #0d47d0 5px,
    #0d47d0 6px
  );
}
.progress.level-3 {
  background-color: #1a69a9;
  box-shadow: 0 0 0 2px #0ef3ff;
}
.level-3 .progress-bar {
  background-color: #08bffb;
  background-image: repeating-linear-gradient(
    90deg,
    #08bffb,
    #08bffb 5px,
    #04a3f9 5px,
    #04a3f9 6px
  );
}
.progress.level-4 {
  background-color: #1d6a63;
  box-shadow: 0 0 0 2px #32f8f4;
}
.level-4 .progress-bar {
  background-color: #1cd1c2;
  background-image: repeating-linear-gradient(
    90deg,
    #1cd1c2,
    #1cd1c2 5px,
    #10bda7 5px,
    #10bda7 6px
  );
}
.progress.level-5 {
  background-color: #116831;
  box-shadow: 0 0 0 2px #0df885;
}
.level-5 .progress-bar {
  background-color: #07d04a;
  background-image: repeating-linear-gradient(
    90deg,
    #07d04a,
    #07d04a 5px,
    #04bb29 5px,
    #04bb29 6px
  );
}
.progress.level-6 {
  background-color: #588311;
  box-shadow: 0 0 0 2px #e6fd00;
}
.level-6 .progress-bar {
  background-color: #a3f000;
  background-image: repeating-linear-gradient(
    90deg,
    #a3f000,
    #a3f000 5px,
    #45df00 5px,
    #45df00 6px
  );
}
.progress.level-7 {
  background-color: #ab8a2a;
  box-shadow: 0 0 0 2px #fffe8e;
}
.level-7 .progress-bar {
  background-color: #fbf024;
  background-image: repeating-linear-gradient(
    90deg,
    #fbf024,
    #fbf024 5px,
    #f6df0b 5px,
    #f6df0b 6px
  );
}
.progress.level-8 {
  background-color: #cc751b;
  box-shadow: 0 0 0 2px #fff802;
}
.level-8 .progress-bar {
  background-color: #fed201;
  background-image: repeating-linear-gradient(
    90deg,
    #fed201,
    #fed201 5px,
    #febe01 5px,
    #febe01 6px
  );
}
.progress.level-9 {
  background-color: #cf5b34;
  box-shadow: 0 0 0 2px #ffd754;
}
.level-9 .progress-bar {
  background-color: #fe8d2f;
  background-image: repeating-linear-gradient(
    90deg,
    #fe8d2f,
    #fe8d2f 5px,
    #fe5b1a 5px,
    #fe5b1a 6px
  );
}
.progress.level-10 {
  background-color: #6e222e;
  box-shadow: 0 0 0 2px #f9416e;
}
.level-10 .progress-bar {
  background-color: #d6243d;
  background-image: repeating-linear-gradient(
    90deg,
    #d6243d,
    #d6243d 5px,
    #c41422 5px,
    #c41422 6px
  );
}
.progress.level-11 {
  background-color: #65315f;
  box-shadow: 0 0 0 2px #f478ef;
}
.level-11 .progress-bar {
  background-color: #c243b5;
  background-image: repeating-linear-gradient(
    90deg,
    #c243b5,
    #c243b5 5px,
    #a72694 5px,
    #a72694 6px
  );
}
.progress.level-12 {
  background-color: #1b4972;
  box-shadow: 0 0 0 2px #29cafb;
}
.level-12 .progress-bar {
  background-color: #177ede;
  background-image: repeating-linear-gradient(
    90deg,
    #177ede,
    #177ede 5px,
    #0d47d0 5px,
    #0d47d0 6px
  );
}
.progress.level-13 {
  background-color: #1a69a9;
  box-shadow: 0 0 0 2px #0ef3ff;
}
.level-13 .progress-bar {
  background-color: #08bffb;
  background-image: repeating-linear-gradient(
    90deg,
    #08bffb,
    #08bffb 5px,
    #04a3f9 5px,
    #04a3f9 6px
  );
}
.progress.level-14 {
  background-color: #1d6a63;
  box-shadow: 0 0 0 2px #32f8f4;
}
.level-14 .progress-bar {
  background-color: #1cd1c2;
  background-image: repeating-linear-gradient(
    90deg,
    #1cd1c2,
    #1cd1c2 5px,
    #10bda7 5px,
    #10bda7 6px
  );
}
.progress.level-15 {
  background-color: #116831;
  box-shadow: 0 0 0 2px #0df885;
}
.level-15 .progress-bar {
  background-color: #07d04a;
  background-image: repeating-linear-gradient(
    90deg,
    #07d04a,
    #07d04a 5px,
    #04bb29 5px,
    #04bb29 6px
  );
}
.progress.level-16 {
  background-color: #588311;
  box-shadow: 0 0 0 2px #e6fd00;
}
.level-16 .progress-bar {
  background-color: #a3f000;
  background-image: repeating-linear-gradient(
    90deg,
    #a3f000,
    #a3f000 5px,
    #45df00 5px,
    #45df00 6px
  );
}
.progress.level-17 {
  background-color: #ab8a2a;
  box-shadow: 0 0 0 2px #fffe8e;
}
.level-17 .progress-bar {
  background-color: #fbf024;
  background-image: repeating-linear-gradient(
    90deg,
    #fbf024,
    #fbf024 5px,
    #f6df0b 5px,
    #f6df0b 6px
  );
}
.progress.level-18 {
  background-color: #cc751b;
  box-shadow: 0 0 0 2px #fff802;
}
.level-18 .progress-bar {
  background-color: #fed201;
  background-image: repeating-linear-gradient(
    90deg,
    #fed201,
    #fed201 5px,
    #febe01 5px,
    #febe01 6px
  );
}
.progress.level-19 {
  background-color: #cf5b34;
  box-shadow: 0 0 0 2px #ffd754;
}
.level-19 .progress-bar {
  background-color: #fe8d2f;
  background-image: repeating-linear-gradient(
    90deg,
    #fe8d2f,
    #fe8d2f 5px,
    #fe5b1a 5px,
    #fe5b1a 6px
  );
}
.progress.level-MAX {
  background-color: #6e222e;
  box-shadow: 0 0 0 2px #f9416e;
}
.level-MAX .progress-bar {
  background-color: #d6243d;
  background-image: repeating-linear-gradient(
    90deg,
    #d6243d,
    #d6243d 5px,
    #c41422 5px,
    #c41422 6px
  );
}
.exp-table {
  margin: 0 auto;
  max-width: 50rem;
}

/**
 * SPELLS MODAL
 */
.spell-modal .reaction[disabled] {
  background-color: transparent;
  border-color: transparent;
}
.spell-modal .modal-header p {
  margin: 0 auto 1rem;
  text-align: left;
  max-width: 300px;
}
.spell-modal-title {
  margin: 1rem auto -0.5rem;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  width: 229px;
  height: 68px;
  background: url(../images/spells/spellbook-logo.svg) no-repeat top left;
}
.spells-total strong {
  display: block;
  font-size: 25px;
  font-weight: 400;
  font-family: upheaval, sans-serif;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.75), 1px -1px 0 rgba(0, 0, 0, 0.75),
    -1px 1px 0 rgba(0, 0, 0, 0.75), 1px 1px 0 rgba(0, 0, 0, 0.75);
}
.spell_cost {
  font-family: upheaval, sans-serif;
  font-size: 20px;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.75), 1px -1px 0 rgba(0, 0, 0, 0.75),
    -1px 1px 0 rgba(0, 0, 0, 0.75), 1px 1px 0 rgba(0, 0, 0, 0.75);
}
.spell_cost_rally {
  display: block;
  margin-top: -0.5rem;
  font-size: 1.5rem;
  color: rgb(211, 173, 217);
}
.spell_cost_rally_plus {
  font-family: sans-serif;
  font-weight: 900;
  position: relative;
  top: 1px;
}
.spell_img,
.item_img {
  width: 10rem;
  height: 10rem;
}
.item_img {
  padding: 1rem;
}
.spell-modal .list-group-item.disabled,
.spell-modal .list-group-item.disabled:focus,
.spell-modal .list-group-item.disabled:hover {
  color: #e5d0e8;
  cursor: not-allowed;
  background-color: #5e2568;
}
.spell-modal .img-circle,
.spell-modal .form-control,
.spell-modal blockquote {
  background-color: #61286b;
  border-color: #9a43a9;
}
.spell-modal .form-control:focus {
  background-color: #61286b;
  border-color: #d16fe2;
}
.spell-modal blockquote {
  margin-top: 0;
  margin-bottom: 1rem;
}
.spell-modal .text-muted {
  color: rgb(211, 173, 217);
}
.spell_upsell {
  margin-top: 1rem;
  font-size: 1.4rem;
  text-transform: uppercase;
}
.total-exp {
  display: inline-block;
  max-width: 150px;
}
.total-exp .media-body {
  text-align: left;
}
.total-exp .exp {
  float: none;
}

/**
 * BOSS BATTLES
 */
.post--boss .media-body {
  background-color: #ce2b46 !important;
}
.post--boss .media-left {
  background-color: #b2233b !important;
}
.postbit-boss-hp {
  margin-bottom: 0;
}
.postbit-boss-hp .progress {
  height: 10px;
  border-radius: 2px;
  width: 100%;
  margin-bottom: 0;
  margin-top: 4px;
}
body .attacks-modal .modal-content,
.btn-evil,
body .attacks-modal .btn-magic {
  background-color: #5b4549;
  border-color: #7c6368;
}
body .attacks-modal .modal-header,
body .attacks-modal .modal-footer {
  border-color: #7c6368;
}
body .attacks-modal .list-group-item {
  background: transparent;
  border-color: #7c6368;
}
body .attacks-modal .text-muted {
  color: rgba(255, 255, 255, 0.5);
}
body .attacks-modal .list-group-item.disabled,
body .attacks-modal .list-group-item.disabled:hover {
  background: transparent;
  color: rgba(255, 255, 255, 0.75);
}
body .attacks-modal .img-circle {
  background-color: #382a2c;
  border-color: #7c6368;
}
.attacks-modal .spell-modal-title {
  width: 227px;
  height: 64px;
  margin-bottom: 1rem;
  background: url(../images/spells/spellbook-attacks-logo.svg) no-repeat top
    left;
}
.final-blow {
  display: inline-block;
  vertical-align: middle;
  background: url("../images/finalblow.svg");
  background-size: cover;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 91px;
  height: 25px;
}
.leaderboards .username {
  display: inline-block;
  margin-right: -4px;
}
.leaderboards . .reactions-area {
}
.reactions-area > div {
  vertical-align: middle;
}
.reactions-area img {
  height: 2.5rem;
}
.reactions-area [alt="Good Sh*t"] {
  height: 3rem !important;
}
.reactions-area [data-reactid="Great Sh*t"],
.reactions-area [data-reactid="Perfect Sh*t"] {
  padding: 4px !important;
  height: auto !important;
}
.reactions-area [alt="Great Sh*t"] {
  height: 38px !important;
}
.reactions-area [alt="Perfect Sh*t"] {
  height: 48px !important;
}
.reactions-area .btn {
  padding: 0 6px;
  height: 4rem;
  margin-right: 4px;
  color: white;
}
.reactions-area [disabled],
.reactions-area .disabled {
  opacity: 1;
}
.reactions-area .btn:last-child {
  height: auto;
}
.reactions-area .btn.disabled {
  pointer-events: auto;
}
.reactions-area .btn.disabled:hover,
.reactions-area .btn.disabled:focus {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.reaction {
  position: relative;
  overflow: hidden;
}
.reaction--huge img {
  height: 8rem;
  width: auto;
}
.reaction:hover:not([data-reactid="Good Sh*t"]) img,
.reaction:focus:not([data-reactid="Good Sh*t"]) img {
  transform: scale(1.1);
}
.reaction:active img {
  transform: scale(0.9) !important;
}
.reaction img,
.reaction span {
  display: inline-block;
}
.reaction_text {
  min-width: 1.2rem;
  margin-left: 0.2rem;
}
.reaction-selected {
  border-color: #b5cce1 !important;
  background-color: #6c99c4 !important;
}
.reaction-selected img {
  animation: rubberBand 1000ms;
}
.reaction-add:hover {
  transition-delay: 0ms !important;
}
.reaction-added-msg {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  color: white;
  font-family: "upheaval", helvetica, verdana, sans-serif;
  font-size: 1.8rem;
  text-align: center;
  text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black,
    1px 1px 0 black, 2px 2px 0 rgba(0, 0, 0, 0.4);
  animation: slideUpFadeOut 1000ms;
  white-space: nowrap;
  transform: translate(-50%, 0);
}
.inline-error-msg {
  position: absolute;
  bottom: 100%;
  white-space: nowrap;
  font-size: 1.2rem;
  background: rgba(0, 0, 0, 0.75);
  padding: 0.2rem 0.75rem;
  margin-bottom: 0.5rem;
  border-radius: 2rem;
}
.reactions-list {
  margin: 0 0 0 3rem;
  width: 40rem;
  white-space: normal;
  list-style: none;
}
.reactions-list > li {
  display: inline-block;
  width: 50px;
  text-align: center;
}
.reactions-list > li > a {
  display: block;
  padding: 0;
  transition: transform 100ms;
  outline: 0;
}
.reactions-list > li > a:hover,
.reactions-list > li > a:focus {
  transform: scale(1.25);
}
.reactions-list > li > a:active {
  transform: scale(1);
}
.reaction-opt-disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}
@media (max-width: 767px) {
  .reactions-area .btn {
    height: 3rem;
  }
}

/**
 * PANELS
 */
.panel {
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
}
.panel-title {
  font-size: 2rem;
  word-wrap: break-word;
}
.panel-title strong {
  font-weight: 400;
}
.panel-title .small {
  font-family: "Lato", helvetica, verdana, sans-serif;
  text-shadow: none;
}
.panel-footer {
  border-top-width: 2px;
}
.panel-evil {
  background-color: #ce2b46;
  border-color: #ee687f;
}
.panel-evil > .panel-heading {
  background-color: #e43f5a;
  border-color: inherit;
  border-bottom: 0;
  color: white;
  box-shadow: inset 0 3px 0 #f89dac, inset 0 23px 0 #e85770;
}
.panel-evil hr {
  border-color: #ee687f;
  background: #ee687f;
}

/**
 * FORMS
 */
.form-control {
  border-width: 2px;
  height: 4rem;
}
.input-group > .form-control:not(:last-child) {
  border-right-width: 0;
}
.input-group > .input-group-btn {
  padding-left: 1px;
}
.input-group:not(.input-group-sm) > .input-group-btn > .btn {
  min-width: 4rem;
  min-height: 4rem;
}
.input-group > .input-group-btn > .btn:not(:last-child) {
  border-right-width: 0;
}
.input-sm,
select.input-sm {
  height: 3.2rem;
}
select.input-sm {
  line-height: 1;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn,
.btn-group-sm > .btn {
  font-family: "Lato", helvetica, verdana, sans-serif;
  text-shadow: none;
  height: 3.2rem;
  box-shadow: none;
  padding: 0.5rem 1rem;
}
.input-group-sm > .input-group-btn > .btn:last-child {
  border-right-width: 2px;
}
@media (max-width: 767px) {
  .input-group-sm > .form-control,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .btn,
  .btn-group-sm > .btn {
    padding: 0 0.6rem;
  }
}
.input-group-addon {
  border-width: 2px;
}
select.form-control::-ms-expand {
  display: none;
}
select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
  background-image: url(data:image/svg+xml,%3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M1683%20808l-742%20741q-19%2019-45%2019t-45-19l-742-741q-19-19-19-45.5t19-45.5l166-165q19-19%2045-19t45%2019l531%20531%20531-531q19-19%2045-19t45%2019l166%20165q19%2019%2019%2045.5t-19%2045.5z%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E) !important;
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1em;
  padding-right: 2em;
}
legend {
  border-bottom-width: 2px;
  font-family: "upheaval", helvetica, verdana, sans-serif;
  font-size: 2.5rem;
  color: white;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.75), 1px -1px 0 rgba(0, 0, 0, 0.75),
    -1px 1px 0 rgba(0, 0, 0, 0.75), 1px 1px 0 rgba(0, 0, 0, 0.75);
}
.form-group .form-control {
  margin-right: 5px;
}
.form-group + legend {
  margin-top: 4rem;
}
.form-check,
.form-radio {
  position: absolute;
  height: 1px;
  width: 1px;
  background: transparent;
  border: 0;
  outline: 0;
  opacity: 0;
}
.form-check + label:before,
.form-radio + label:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1.8rem;
  height: 1.8rem;
  margin-left: 0;
  margin-right: 0.5rem;
  margin-top: -0.2rem;
  left: 0;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-radius: 2px;
  outline: 0;
}
.form-check:checked + label:after,
.form-radio:checked + label:after {
  content: "\f00c";
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  line-height: 2rem;
  text-align: center;
  font-family: fontawesome;
  font-size: 1.2rem;
}
.form-radio + label:before {
  border-radius: 50%;
}
.form-radio:checked + label:after {
  content: "\f111";
  font-size: 0.8rem;
}
label {
  font-weight: 400;
}
.select2-container.select2-container {
  margin-right: 0.5rem;
}
.select2-drop.select2-drop {
  border-width: 2px;
  margin-top: -2px;
}
.select2-drop.select2-drop-above.select2-drop-above {
  border-top-width: 2px;
  margin-top: 4px;
}
.select2-dropdown-open.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-dropdown-open.select2-drop-above
  .select2-choices {
  border-width: 2px;
}
.select2-drop .select2-results .select2-no-results,
.select2-drop .select2-results .select2-searching,
.select2-drop .select2-results .select2-ajax-error,
.select2-drop .select2-results .select2-selection-limit {
  background: transparent;
}
.select2-container .select2-choice.select2-choice {
  border-width: 2px;
  height: 3.2rem;
  background-image: none;
  font-size: 1.2rem;
  padding-top: 0.1rem;
  box-shadow: none !important;
}
.select2-container .select2-choice.select2-choice .select2-arrow {
  border: 0;
  background: transparent;
}
.select2-container .select2-choice.select2-choice .select2-arrow b {
  background-repeat: no-repeat;
  background-size: 1.25rem;
  background-position: 0 0.75rem;
  background-image: url(data:image/svg+xml,%3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M1683%20808l-742%20741q-19%2019-45%2019t-45-19l-742-741q-19-19-19-45.5t19-45.5l166-165q19-19%2045-19t45%2019l531%20531%20531-531q19-19%2045-19t45%2019l166%20165q19%2019%2019%2045.5t-19%2045.5z%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E) !important;
}
.select2-search.select2-search input {
  border-width: 2px;
  border-radius: 2px;
}
.select2-container-multi.select2-container-multi .select2-choices,
.select2-container-multi.select2-container-multi.select2-container-active
  .select2-choices {
  border: 2px solid #ccc;
  border-radius: 4px;
}
.select2-container-multi.select2-container-multi
  .select2-choices
  .select2-search-field
  input {
  min-height: 3.4rem;
  color: white;
}
.select2-container-multi
  .select2-choices.select2-choices
  .select2-search-choice {
  line-height: 2rem;
  background: transparent;
  color: white;
  border-width: 2px;
  outline: 0;
  box-shadow: none;
}
.select2-search-choice-close.select2-search-choice-close {
  top: 0.6rem;
}
.select2-search-choice-close.select2-search-choice-close:hover {
  color: white;
}

/**
 * LISTS
 */
.list-group-bordered .list-group-item,
.list-group-bordered .list-group-item:first-child {
  border-width: 2px;
}
.list-group-item,
.list-group .alert {
  border-style: solid;
  border-color: #ccc;
  border-width: 2px 0 0;
}
.list-group-item:first-child,
.list-group .alert:first-child {
  border-top-width: 0;
}
.panel > .list-group > .list-group-item.list-group-item-success {
  border-width: 2px;
  margin: 0 -2px -2px;
  z-index: 1;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 2px 0 0;
  padding: 1.5rem;
}
.list-group-item-info {
  color: rgba(255, 255, 255, 0.5);
}
.list-bare {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-blocks {
  display: flex;
  margin: 0;
  padding: 0;
}
.list-blocks li {
  list-style: none;
  padding-right: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 7rem;
}
.list-blocks li:last-child {
  padding-right: 0;
}
.list-nowrap li {
  text-overflow: ellipsis;
  max-width: 100%;
  white-space: nowrap;
}

/**
 * POST EDITOR
 */
.bbcode-btns .btn {
  padding: 0;
  line-height: 1;
}

/**
 * POSTS
 */
.text-3d {
  text-shadow: 0 1px 0 #223c57, 0 2px 0 #264260, 0 3px 0 #223c57,
    0 4px 0 #264260, 0 5px 0 #223c57, 0 6px 1px rgba(0, 0, 0, 0.1),
    0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3),
    0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.5),
    0 10px 10px rgba(0, 0, 0, 0.7), 0 20px 20px rgba(0, 0, 0, 0.15);
}
.greentext {
  color: #789922;
}
/* Fire */
.text-fire {
  animation: fire 1s ease-in-out infinite alternate;
  -moz-animation: fire 1s ease-in-out infinite alternate;
  -webkit-animation: fire 1s ease-in-out infinite alternate;
  -o-animation: fire 1s ease-in-out infinite alternate;
}

@keyframes fire {
  0% {
    text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #feec85,
      -20px -20px 40px #ffae34, 20px -40px 50px #ec760c,
      -20px -60px 60px #cd4606, 0 -80px 70px #973716, 10px -90px 80px #451b0e;
  }
  100% {
    text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #fefcc9,
      -20px -20px 40px #feec85, 22px -42px 60px #ffae34,
      -22px -58px 50px #ec760c, 0 -82px 80px #cd4606, 10px -90px 80px #973716;
  }
}

@-moz-keyframes fire {
  0% {
    text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #feec85,
      -20px -20px 40px #ffae34, 20px -40px 50px #ec760c,
      -20px -60px 60px #cd4606, 0 -80px 70px #973716, 10px -90px 80px #451b0e;
  }
  100% {
    text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #fefcc9,
      -20px -20px 40px #feec85, 22px -42px 60px #ffae34,
      -22px -58px 50px #ec760c, 0 -82px 80px #cd4606, 10px -90px 80px #973716;
  }
}

@-webkit-keyframes fire {
  0% {
    text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #feec85,
      -20px -20px 40px #ffae34, 20px -40px 50px #ec760c,
      -20px -60px 60px #cd4606, 0 -80px 70px #973716, 10px -90px 80px #451b0e;
  }
  100% {
    text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #fefcc9,
      -20px -20px 40px #feec85, 22px -42px 60px #ffae34,
      -22px -58px 50px #ec760c, 0 -82px 80px #cd4606, 10px -90px 80px #973716;
  }
}

@-o-keyframes fire {
  0% {
    text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #feec85,
      -20px -20px 40px #ffae34, 20px -40px 50px #ec760c,
      -20px -60px 60px #cd4606, 0 -80px 70px #973716, 10px -90px 80px #451b0e;
  }
  100% {
    text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #fefcc9,
      -20px -20px 40px #feec85, 22px -42px 60px #ffae34,
      -22px -58px 50px #ec760c, 0 -82px 80px #cd4606, 10px -90px 80px #973716;
  }
}
/* Fire */
.greentext:before {
  content: ">";
}
[id="message"] {
  min-height: 4rem;
  max-height: none !important;
  max-width: 100%;
  resize: both !important;
}
#quickreply.affix [id="message"] {
  max-height: 4rem !important;
}
.editor_control_bar {
  margin-top: 1rem;
  margin-bottom: 0;
}
.input-group-quickreply > .form-control {
  border-radius: 4px !important;
  border-right-width: 2px !important;
}
.input-group-quickreply > .input-group-btn {
  padding-left: 1rem;
  vertical-align: bottom;
}
.input-group-quickreply > .input-group-btn > .btn:first-child {
  border-radius: 4px 0 0 4px;
}
.input-group-quickreply > .input-group-btn > .btn:first-child:last-child {
  border-radius: 4px;
}
.post_body {
  margin: 1.5rem 0 6rem 0;
}
.post_controls {
  margin-bottom: -4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.post_controls .pull-left,
.post_controls .pull-right {
  float: none !important;
}
.post_controls .pull-left {
  text-align: left;
  z-index: 10;
}
.post_controls .pull-right {
  margin-left: auto;
}
.post_controls .btn,
.post_controls .btn-icononly-wrap {
  margin-bottom: 0.4rem;
}
.panel > .list-group .classic.post {
  padding: 0;
}
.classic .post_media > .media-left,
.classic .post_media > .media-body {
  padding: 1.5rem;
}
.classic .post_media > .media-left {
  overflow: hidden;
}
.classic .media {
  margin-bottom: 0;
}
.post-author {
  margin-top: 0;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.75), 1px -1px 0 rgba(0, 0, 0, 0.75),
    -1px 1px 0 rgba(0, 0, 0, 0.75), 1px 1px 0 rgba(0, 0, 0, 0.75);
  z-index: 10;
}
.post-author > a > span {
  color: white;
}
.classic-avatar {
  width: auto;
  height: auto;
  display: block;
  margin: 0 auto;
}
.classic-usertitle {
  display: block;
  margin: 1rem 0;
  font-size: 12px;
  text-align: center;
}
.post-author > a {
  display: block;
  font-family: "upheaval", helvetica, verdana, sans-serif;
  font-size: 2rem;
  text-decoration: none !important;
  outline: 0;
}
.post-author > a:hover > span,
.post-author > a:focus > span {
  color: white !important;
}
.post-author > a:after {
  display: inline-block;
  font-family: "fontawesome";
  content: "\f078";
  position: relative;
  top: -0.2rem;
  font-size: 1rem;
  margin-left: 0.5rem;
  color: white;
}
.popover-heading .post-author {
  padding: 0;
}
.popover-heading .post-author > a:after {
  display: none !important;
}
.post .signature {
  border-top: 2px solid rgba(255, 255, 255, 0.05);
  padding-top: 1em;
  margin-bottom: 5.5rem;
}
.sceditor-container.sceditor-container {
  border-width: 2px;
}
@media screen and (max-width: 768px) {
  .lastpost-wrap {
    margin-top: 0.75rem;
  }
}
.lastpost-thread {
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lastpost-user {
  margin-top: 0;
}
.lastpost-user .avatar-sm {
  width: 30px;
  height: 30px;
  margin-top: 5px;
}
.lastpost-user .media-left {
  padding-right: 5px;
}
@media (max-width: 767px) {
  .classic .post_media > .media-left,
  .classic .post_media > .media-body {
    padding: 1rem;
  }
  .post-mobile-avatar-wrap {
    vertical-align: middle;
    margin-right: 0.5rem;
  }
  .post-mobile-avatar {
    width: 4rem;
    height: 4rem;
  }
  .post-author > a:after {
    display: none;
  }
  .post_controls .pull-left {
    margin-bottom: 1rem;
  }
  .post_controls .pull-right {
    margin-left: auto;
    max-width: 10rem;
  }
  .post_controls .reactions-list > li > a {
    padding: 0 2px;
  }
  .classic .post_controls {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    padding: 0;
  }
  .post .signature {
    display: none;
  }
  .lastpost-thread {
    margin-top: 5px;
  }
}
[id="quickreply-heading"] {
  font-family: "upheaval", helvetica, verdana, sans-serif;
  font-size: 2rem;
  color: white;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.75), 1px -1px 0 rgba(0, 0, 0, 0.75),
    -1px 1px 0 rgba(0, 0, 0, 0.75), 1px 1px 0 rgba(0, 0, 0, 0.75);
}
.full-reply {
  margin-top: -0.25rem;
}
@media screen and (min-width: 768px) {
  .full-reply {
    margin-top: -0.75rem;
  }
}
.popover {
  max-width: 218px;
}
.post-mobile-popover .popover-heading {
  padding: 0;
}
.post-mobile-usertitle {
  display: block;
  font-family: "Lato", helvetica, verdana, sans-serif;
  font-size: 1rem !important;
  text-shadow: none;
}
.postbit-bar {
  margin: -1.5rem -1.5rem 1rem;
  padding: 0.5rem 1rem;
  background-color: rgba(0, 0, 0, 0.15);
}
.useronline {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid;
}
.useronline-online {
  background-color: #8bc34a;
  border-color: #e6ee9c;
}
.useronline-offline {
  border-color: rgba(255, 255, 255, 0.1);
}
.postbit-rally {
  display: inline-block;
  vertical-align: middle;
  font-family: "upheaval", helvetica, verdana, sans-serif !important;
  font-size: 15px;
  margin-left: 0.2rem;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.75), 1px -1px 0 rgba(0, 0, 0, 0.75),
    -1px 1px 0 rgba(0, 0, 0, 0.75), 1px 1px 0 rgba(0, 0, 0, 0.75);
}
.postbit-exp {
  float: right;
  display: block;
  margin: 0;
}
.postbit-level {
  display: inline-block;
  vertical-align: middle;
  padding-right: 2px;
  line-height: 15px;
  font-family: "upheaval", helvetica, verdana, sans-serif !important;
  font-size: 15px;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.75), 1px -1px 0 rgba(0, 0, 0, 0.75),
    -1px 1px 0 rgba(0, 0, 0, 0.75), 1px 1px 0 rgba(0, 0, 0, 0.75);
}
.postbit-level > small {
  font-size: 9px;
  margin-right: 1px;
  font-family: inherit !important;
  color: white;
}
.postbit-exp .progress {
  display: inline-block;
  margin-bottom: 2px;
  width: 50px;
  vertical-align: middle;
  height: 10px;
  border-radius: 2px;
}
.postbit-badges {
  margin-top: 0.75rem;
}
.postbit-badges > a {
  display: inline-block;
  padding: 0.25rem;
}
.postbit-badges > a > img {
  width: 4rem;
  height: 4rem;
}
.badge-count {
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 0 2px 0 4px;
  z-index: 1;
  min-width: 15px;
  line-height: 15px;
  border-radius: 15px;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  text-align: center;
  font-family: "upheaval", helvetica, verdana, sans-serif !important;
  font-size: 15px;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.75), 1px -1px 0 rgba(0, 0, 0, 0.75),
    -1px 1px 0 rgba(0, 0, 0, 0.75), 1px 1px 0 rgba(0, 0, 0, 0.75);
}
.badge-count--1 {
  display: none;
}

.smiley-inserter {
  width: 45rem;
  padding-left: 2rem;
}
.smiley-inserter > li {
  float: left;
  width: 50px;
  height: 30px;
  text-align: center;
}
.btn .btn-opts.smiley-inserter > li > button {
  display: inline-block;
  background: transparent;
  border: 0;
  padding: 0;
  line-height: 1;
  max-height: none;
  font-size: inherit;
  top: 0;
}
.smiley-select {
  max-width: 400px;
}
.smiley-select > input {
  visibility: hidden;
  width: 0;
}
.smiley-select > input + label {
  border: 2px solid transparent;
  border-radius: 4px;
  padding: 0.4rem;
  width: 50px;
  display: inline-block;
  text-align: center;
}
.smiley-select > input:checked + label {
  border-color: rgba(255, 255, 255, 0.5);
}

/**
 * ALERTS
 */
#myalerts_alerts_modal .list-group {
  margin-top: -2px;
}
.alert {
  border-width: 2px;
  border-radius: 4px;
}
.alert .btn {
  color: white !important;
}
.alert h4 {
  font-family: "upheaval", helvetica, verdana, sans-serif;
  font-size: 2rem;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.75), 1px -1px 0 rgba(0, 0, 0, 0.75),
    -1px 1px 0 rgba(0, 0, 0, 0.75), 1px 1px 0 rgba(0, 0, 0, 0.75);
}
.alert-img {
  height: 5.5rem;
  width: 5.5rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.alert--badge_alert .alert-img {
  background-size: auto;
}
body .list-group .alert--unread,
body .list-group .alert--spell_received {
  border-width: 2px !important;
  border-style: solid;
  margin-bottom: -2px;
  z-index: 1;
  margin-left: -2px;
  margin-right: -2px;
}
body .list-group .alert--spell_received {
  background-color: #732d80;
  border-color: #9a43a9;
}
body .list-group .alert--spell_received .img-circle {
  border-color: #9a43a9;
}
body .list-group .alert--unread:last-of-type {
  margin-bottom: 0;
}
body .list-group .alert--unread:first-child {
  margin-top: -2px;
}

/**
 * MODAL
 */
.modal-content {
  border-width: 2px;
}
.modal-header {
  background: transparent !important;
}
.modal-title {
  font-size: 2.6rem;
  font-family: "upheaval", helvetica, verdana, sans-serif;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.75), 1px -1px 0 rgba(0, 0, 0, 0.75),
    -1px 1px 0 rgba(0, 0, 0, 0.75), 1px 1px 0 rgba(0, 0, 0, 0.75);
}

/**
 * DROPDOWN
 */
.dropdown-menu,
.popover {
  border-width: 2px;
  border-style: solid;
  font-family: inherit;
}
.dropdown-menu {
  padding: 0;
}
.dropdown-submenu > .dropdown-menu {
  border-radius: 0 5px 5px 5px;
  margin-top: -2px;
}
.dropdown-menu > li > a {
  padding: 10px;
}
.dropdown .divider {
  height: 2px;
  margin: 0;
}
.popover > .arrow:before {
  content: " ";
  border-style: solid;
  border-color: transparent;
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-width: 13px;
}
.popover.bottom > .arrow:before {
  top: -2px;
  margin-left: -13px;
  border-top-width: 0;
  border-bottom-color: #ccc;
}
.popover.right > .arrow:before {
  left: -2px;
  margin-top: -13px;
  border-left-width: 0;
  border-right-color: #ccc;
}
.popover.left > .arrow:before {
  right: -2px;
  margin-top: -13px;
  border-right-width: 0;
  border-left-color: #ccc;
}
.popover.top > .arrow:before {
  bottom: -2px;
  margin-left: -13px;
  border-bottom-width: 0;
  border-top-color: #ccc;
}

/**
 * NAV TABS
 */
.nav-tabs {
  border-bottom-width: 2px;
}
.nav-tabs > li {
  margin-bottom: -2px;
}
.nav-tabs > li > a {
  border-width: 2px;
}
.panel-body .nav-tabs {
  z-index: 1;
  border: 0;
}
.panel-body .nav-tabs > li > a {
  border-width: 2px !important;
}
.panel-body .nav-tabs > li > a:hover,
.panel-body .nav-tabs > li > a:focus {
  border-color: #3f648b;
}
.panel-body .tab-content {
  padding: 1rem;
  border-radius: 4px;
}

/**
 * TABLES
 */
.table > tbody > tr > .tcat {
  border-top: 0;
}
.calendar .trow1,
.calendar .trow2,
.calendar .trow_sep {
  border-top-width: 2px;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  border-top-width: 2px;
}
.table-middle td {
  vertical-align: middle !important;
}

/**
 * MISC
 */
.well {
  border-width: 2px;
}
.cf:after {
  display: table;
  content: "";
  clear: both;
}
div.jqi {
  border-width: 2px;
  padding: 1.5rem;
}

/**
 * SLIDEOUT.JS
 */
.slideout-menu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: 256px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
  border-style: solid;
  border-color: #ccc;
  border-width: 0 2px 0 0;
}
@media (min-width: 768px) {
  .slideout-menu {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    overflow-y: visible;
    z-index: auto;
    border-width: 0 0 2px 0;
  }
}

.slideout-panel {
  position: relative;
  z-index: 1;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
}

.toggle-button {
  height: 50px;
  background: transparent;
  color: white;
  border: 0;
  float: left;
  font-size: 24px;
}

#mobile-menu {
  display: none;
}

/**
 * DEFINITION LIST
 */
.dl-horizontal dt {
  padding: 1.5rem;
  padding-bottom: 0;
  /*font-size: 85%;
	font-weight: 400;
	text-transform: uppercase;
	color: rgba(255,255,255,0.5);*/
}
.dl-horizontal dd {
  padding: 1.5rem;
  padding-top: 0;
  border-bottom: 1px solid #ccc;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    padding: 0;
    padding-top: 1.5rem;
    padding-left: 1.5rem;
    margin-top: 0.15em;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
    padding-left: 180px;
    padding-top: 1.5rem;
  }
}

/**
 * PROGRESS
 */
.progress-poll {
  margin-bottom: 0;
}
.progress-bar {
  transition: width 300ms linear;
}
.progress-bar-notransition {
  transition-property: none !important;
}

/**
 * MEMBER LIST
 */
.memberlist-memberbar {
  margin: 0.5rem 0 1rem;
}
.memberlist-avatar {
  width: 4rem;
  height: 4rem;
}
@media screen and (min-width: 768px) {
  .memberlist-avatar {
    width: 10.3rem;
    height: 10.3rem;
  }
}
.memberlist_exp {
  padding-right: 0.2rem;
  margin-bottom: 0.2rem;
}

.card {
  margin-bottom: 2rem;
  border-radius: 4px;
  border: 2px solid #ccc;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
}
.card-body {
  padding: 1rem;
}
.card-footer {
  padding: 1rem;
  border-top: 2px solid;
  border-color: inherit;
}
.card .username {
  white-space: nowrap;
}

/**
 * USER PROFILE
 */
.userprofile-cover {
  height: 250px;
  margin-bottom: 20px;
  padding: 3rem;
  border-radius: 4px;
  background-size: cover;
  background-position: center;
  font-size: 1.5rem;
  box-shadow: inset 0 6px 12px rgba(0, 0, 0, 0.175);
}
.userprofile-cover .media-body {
  padding-left: 1.5rem;
  transition: color 1s;
}
.userprofile-cover .background--light {
  color: #000;
  color: rgba(0, 0, 0, 0.9);
}
.userprofile-cover .background--complex {
  color: #ccc;
}
.userprofile-cover .background--light .userprofile-signature {
  border-color: rgba(0, 0, 0, 0.1);
}
.userprofile-memberbit {
  text-align: center;
}
.userprofile-memberbit .panel-title {
  font-size: 2.5rem;
  line-height: 2rem;
}
.userprofile-memberbit .panel-title > span {
  color: white;
}
.userprofile-avatar {
  margin-bottom: 2rem;
}
.userprofile-title {
  margin-bottom: 2rem;
}
.memberbar.userprofile-memberbar {
  margin: 0 auto 1rem;
  color: white !important;
}
.userprofile-level {
  font-family: "upheaval", helvetica, verdana, sans-serif;
  font-size: 2.5rem;
  line-height: 1;
  margin-bottom: 1rem;
  text-align: left;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.75), 1px -1px 0 rgba(0, 0, 0, 0.75),
    -1px 1px 0 rgba(0, 0, 0, 0.75), 1px 1px 0 rgba(0, 0, 0, 0.75);
}
.userprofile-level > small {
  font-size: 2rem;
}
.userprofile-signature {
  border-top: 2px solid rgba(255, 255, 255, 0.1);
  padding-top: 20px;
  margin-top: 20px;
}
.userprofile-nav {
  margin-bottom: 2rem;
}
.userprofile_exp .btn-icononly-wrap {
  margin-left: 0.5rem;
}
.userprofile_exp .btn-sm {
  min-height: 2.3rem;
  min-width: 2.3rem;
  margin-top: -1px;
}
.userprofile_exp .btn-sm .fa {
  line-height: 2.3rem;
  width: 2rem;
  font-size: 1.2rem;
}
.userprofile_exp .btn-opts > li > a {
  padding: 0 0.6rem 0 2rem;
  line-height: 1.8rem;
  max-height: 1.8rem;
  font-size: 1.4rem;
  top: -1.1rem;
}

.showcase {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0px;
  padding: 0px;
  text-align: center;
}
.showcase li {
  list-style: none;
  padding: 10px;
  width: 50%;
}
.showcase-badges li {
  padding: 2rem;
}
@media (min-width: 1360px) {
  .showcase li {
    width: 33.33%;
  }
  .showcase-badges li {
    width: 25%;
  }
}
@media (min-width: 1600px) {
  .showcase li {
    width: 25%;
  }
  .showcase-badges li {
    width: 20%;
  }
}
.showcase_feat {
  flex: 1;
  display: flex;
  background: #eee;
  border: 2px solid #ccc;
  width: 100%;
  border-radius: 50%;
  margin: 0 auto 10px;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
}
.showcase_feat:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.showcase_feat > img {
  min-width: 50%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.showcase_badge {
  position: absolute;
  top: 60%;
  left: 60%;
  width: 48px;
  height: 48px;
}
.showcase_label {
  text-transform: uppercase;
  font-size: 20px;
  font-family: upheaval;
  display: block;
  text-align: center;
  line-height: 1;
  color: white;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.75), 1px -1px 0 rgba(0, 0, 0, 0.75),
    -1px 1px 0 rgba(0, 0, 0, 0.75), 1px 1px 0 rgba(0, 0, 0, 0.75);
}
.showcase-spells .showcase_feat {
  width: 12rem;
  height: 12rem;
}
.showcase-spells > .disabled {
  opacity: 0.5;
}

.ribbon {
  padding: 0.34em 1em;
  margin: 0;
  margin-top: 5%;
  position: relative;
  color: #ffffff;
  font: 32px "Patua One", sans-serif;
  text-align: center;
  letter-spacing: 0.1em;
  display: inline-block;
}
.ribbon:before,
.ribbon:after {
  content: "";
  width: 0.2em;
  bottom: -0.5em;
  position: absolute;
  display: block;
  border: 0.9em solid #1eb2df;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
  z-index: -2;
}
.ribbon:before {
  left: -1.35em;
  border-right-width: 0.75em;
  border-left-color: transparent;
}
.ribbon:after {
  right: -1.35em;
  border-left-width: 0.75em;
  border-right-color: transparent;
}
.ribbon_content:before,
.ribbon_content:after {
  content: "";
  bottom: -0.5em;
  position: absolute;
  display: block;
  border-style: solid;
  border-color: #0675b3 transparent transparent transparent;
  z-index: -1;
}

.ribbon_content:before {
  left: 0;
  border-width: 0.5em 0 0 0.5em;
}

.ribbon_content:after {
  right: 0;
  border-width: 0.5em 0.5em 0 0;
}

@media (max-width: 768px) {
  .userprofile-cover .media-left {
    display: block;
    text-align: center;
    margin-bottom: 20px;
  }
  .memberbar.userprofile-memberbar {
    margin-left: auto;
    margin-right: auto;
  }
}

.badge {
  letter-spacing: 1px;
  font-family: "upheaval", sans-serif;
  font-size: 15px;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.75), 1px -1px 0 rgba(0, 0, 0, 0.75),
    -1px 1px 0 rgba(0, 0, 0, 0.75), 1px 1px 0 rgba(0, 0, 0, 0.75);
}

.smilie-svg {
  height: 1.667em;
}

/**
 * USER CP
 */
#crop-avatar {
  max-width: 100%;
}
.crop-avatar-preview {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  width: 5rem;
  height: 5rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .crop-avatar-preview {
    width: 8rem;
    height: 8rem;
  }
}
.your-avatar-heading {
  margin-top: 0.5rem;
  margin-bottom: 2rem;
}
.custom-avatar-heading {
  margin-top: -1rem;
  margin-bottom: 2rem;
}
.avatar-alert {
  padding-top: 0;
  max-width: 40rem;
}

/**
 * THREAD STATUSES
 */

.thread-status-wrap {
  white-space: nowrap;
}

.thread-status {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
}
.thread-status:after {
  font-family: fontawesome;
  font-weight: normal;
  font-size: 2.4rem;
  line-height: 2.4rem;
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.2rem;
  color: #ccc;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.25), 1px -1px 0 rgba(0, 0, 0, 0.25),
    -1px 1px 0 rgba(0, 0, 0, 0.25), 1px 1px 0 rgba(0, 0, 0, 0.25);
}
.thread-status:after {
  content: "\f10c";
  font-size: 2rem;
}
.thread-status[class*="new"]:after {
  content: "\f111";
  font-size: 2rem;
}
.thread-status[class*="close"]:after,
.thread-status[class*="lock"]:after {
  content: "\f023";
  font-size: 2.4rem;
}
.thread-status[class*="move"]:after {
  content: "\f112";
  font-size: 1.8rem;
}
.forumdisplay_sticky .thread-status:after {
  content: "\f08d";
}

.thread-status-avatar {
  display: inline-block;
  vertical-align: middle;
}

/**
 * CONVERSATIONS
 */

[id="message-list"] {
  overflow: hidden;
}
.bubblemsg {
  margin-top: 0.5rem;
}
.bubblemsg--entering {
  animation: fadeInRight 500ms;
}
.bubblemsg--entering.bubblemsg--preview {
  animation: fadeInHalfRight 500ms;
}
.bubblemsg--preview {
  opacity: 50%;
}
.bubblemsg:first-child {
  margin-top: 0;
}
.bubblemsg_avatar {
  margin-top: 0.3rem;
}
.bubblemsg_postbit {
  margin-bottom: 0.5rem;
}
.bubblemsg_postbit .btn-sm {
  min-height: 2rem;
  min-width: 2rem;
  margin-left: 0.5rem;
  margin-top: -0.5rem;
  border-color: transparent;
  box-shadow: none;
}
.bubblemsg_postbit .btn-sm > .fa {
  width: 1.6rem;
  line-height: 2rem;
  font-size: 1.2rem;
}
.bubblemsg_postbit .btn-opts > li > a {
  line-height: 1.6rem;
  max-height: 1.6rem;
  font-size: 1.4rem;
  top: -1.2rem;
  padding-left: 2rem;
}
.bubblemsg_content {
}
.bubblemsg_bubble {
  display: inline-block;
  position: relative;
  overflow: visible;
  padding: 1rem;
  border: 2px solid #ccc;
  border-radius: 8px;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
}
.bubblemsg_bubble:before {
  content: " ";
  border-style: solid;
  border-color: transparent;
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-width: 13px;
  left: -1.3rem;
  top: 1rem;
  border-left-width: 0;
  border-right-color: #ccc;
}
.bubblemsg_bubble:after {
  content: "";
  border-width: 10px;
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  left: -1rem;
  top: 1.25rem;
  border-right-color: #fff;
  border-left-width: 0;
}
.bubblemsg .media {
  display: flex;
}
.bubblemsg .media-body {
  padding: 0.5rem;
  padding-left: 1.25rem;
}
.bubblemsg--first {
  margin-top: 2rem;
}
.bubblemsg:not(.bubblemsg--first) .media-left {
  visibility: hidden;
}
.bubblemsg:not(.bubblemsg--first) .bubblemsg_bubble:before,
.bubblemsg:not(.bubblemsg--first) .bubblemsg_bubble:after {
  display: none;
}
/*.bubblemsg--them .media-left {
		order: 1;
	}
	.bubblemsg--them .media-body {
		padding-left: 0.5rem;
		padding-right: 1.25rem;
		text-align: right;
	}
	.bubblemsg--them .bubblemsg_bubble:before {
		content: " ";
	    border-style: solid;
	    border-color: transparent;
	    position: absolute;
	    width: 0;
	    height: 0;
	    display: block;
	    border-width: 13px;
	    right: -1.3rem;
	    top: 1rem;
	    border-right-width: 0;
	    border-left-color: #ccc;
	}
	.bubblemsg--them .bubblemsg_bubble:after {
		content: "";
		border-width: 10px;
		position: absolute;
	    display: block;
	    width: 0;
	    height: 0;
	    border-color: transparent;
	    border-style: solid;
	    right: -1rem;
	    top: 1.25rem;
	    border-left-color: #fff;
	    border-right-width: 0;
	}*/

.jscroll-added {
  border-bottom: 2px solid #ccc;
  padding-bottom: 1rem;
  margin-bottom: -1rem;
}

/**
 * RANDOM EVENTS
 */
.randomevent.neutral {
  background-color: #9a43a9;
  border-color: #c97bd6;
}
.randomevent .media-title {
  color: white;
}
.randomevent_img {
  width: 50px;
}
.randomevent.neutral .randomevent_img {
  border-color: #c97bd6 !important;
}
.alert-danger .randomevent_img {
  border-color: #f9828a !important;
}
.alert-info .randomevent_img {
  border-color: #1e88e5 !important;
}
@media screen and (min-width: 768px) {
  .randomevent_img {
    width: 75px;
  }
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 650px;
  }
}

.fittext {
  word-break: normal;
}

.item-grid {
  list-style: none;
  margin: 0;
  padding: 0;
}
.item-grid > div > div > li {
  width: 100%;
  padding: 0.5rem;
  overflow: visible;
  outline: 0 !important;
}
.item-grid__img {
  width: 64px;
  height: 64px;
  margin: 0 auto 1rem;
  background: #333;
  border-radius: 8px;
  padding: 0.5rem;
}
.item-grid__title {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
  word-break: normal;
  line-height: 1;
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}
.item-grid__qty {
  float: left;
  width: 50%;
  padding-right: 1rem;
  padding-top: 1rem;
  text-align: right;
  text-transform: uppercase;
}
.item-grid__btn {
  float: left;
  width: 50%;
}
.item-grid__desc {
  margin-bottom: 1rem;
}
.item-grid .media-left,
.item-grid .media-body {
  overflow: visible;
}
@media screen and (min-width: 640px) {
  .item-grid__img {
    width: 150px;
    height: 150px;
    padding: 1rem;
    border-radius: 12px;
  }
  .item-grid__title {
    text-align: center;
  }
  .item-grid__desc {
    margin: 0 auto 1rem;
    padding-bottom: 4rem;
    width: 75%;
  }
  .item-grid .media-left,
  .item-grid .media-body {
    display: block;
    width: auto;
  }
  .item-grid__opts {
    position: absolute;
    bottom: 2rem;
    right: 5rem;
  }
}

.manage-gear {
  display: flex;
  align-items: stretch;
  opacity: 0;
  transition: opacity 500ms;
}
.postbit-preview {
  margin-right: 2rem;
  min-width: 218px;
  max-width: 218px;
  padding: 1.5rem;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
  background: #2d4c6c;
}
.postbit-preview .classic-avatar {
  max-width: 100%;
}
.postbit-drag-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.gear-area {
  min-height: 300px;
  flex-grow: 1;
}
.item-drag {
  display: inline-block;
  vertical-align: top;
  margin-right: 1rem;
  margin-bottom: 1rem;
  z-index: 100;
}
.item-drag img {
  width: 64px;
  height: 64px;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .item-drag img {
    width: 100px;
    height: 100px;
  }
}
.item-drag--dropped {
  position: absolute !important;
  margin: 0 !important;
  animation: 500ms swing;
}
.item-drag--dropped img {
  background: transparent !important;
  border: 2px dotted rgba(255, 255, 255, 0.25);
  border-radius: 10px;
  padding: 0 !important;
  width: 100%;
  height: 100%;
}
.item-drag--dropped:hover img {
  border-color: rgba(255, 255, 255, 0.5);
}
.ui-rotatable-handle {
  opacity: 0;
}
.item-drag--dropped:hover .ui-rotatable-handle {
  opacity: 1;
}
.postbit-gear {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.postbit-gear__item {
  position: absolute;
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.popover .postbit-gear {
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
}
/* When quickedit isn't loading the respond.js version, it'll use these styles instead */
.quickedit-fallback textarea {
  color: #000;
  background: #fff;
  margin-bottom: 1em;
}
.quickedit-fallback button {
  color: #000;
}
/* Make sure awards images on awards page aren't too big */
.ougcawards-page-list-award-image {
  max-height: 50px;
  max-width: 50px;
}

.tag {
  display: inline-flex;
  background: #36374a;
  color: #9394b5;
  padding: 1rem;
  border-radius: 4px;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
