/***** import stylesheets only *****/
@font-face {
  font-family: 'bebas_neuebold';
  src: url('../fonts/bebasneue_bold-webfont.woff2') format('woff2'), url('../fonts/bebasneue_bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'rubikmedium';
  src: url('../fonts/rubik-medium-webfont.woff2') format('woff2'), url('../fonts/rubik-medium-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ubuntumedium';
  src: url('../fonts/ubuntu-medium-webfont.woff2') format('woff2'), url('../fonts/ubuntu-medium-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ubunturegular';
  src: url('../fonts/ubuntu-regular-webfont.woff2') format('woff2'), url('../fonts/ubuntu-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/*****media queries******/
/*800px*/
/*widths*/
/*colors*/
/* fonts */
/* image path*/
/*margins*/
/*paddings*/
/*animations*/
@keyframes buttonGradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes loadingPageAnimationIn {
  0% {
    width: 0;
    height: 0;
    border-radius: 0;
  }
  100% {
    width: 150vw;
    height: 250vh;
    border-radius: 0 0 800% 0;
  }
}
@keyframes loadingPageAnimationOut {
  0% {
    width: 0;
    height: 0;
    border-radius: 0;
  }
  100% {
    border-radius: 800% 0 0 0;
    width: 150vw;
    height: 250vh;
  }
}
@keyframes loadSiteName {
  0% {
    color: #fff;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes navmobileopen {
  0% {
    border-radius: 0 0 0 800%;
    height: 0;
    width: 0;
  }
  100% {
    border-radius: 0;
    height: 200vh;
    width: 200vw;
  }
}
@keyframes opacity0to1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes imageAnimation {
  0% {
    opacity: 0;
    transform: scale(1.25);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes mobilesubmenu {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*******MIX-INS*******/
a {
  transition: color 300ms linear;
}
#phocagallery-module-ri *:not(img) {
  display: flex;
  flex: 1;
}
#phocagallery-module-ri * {
  background: 0 none;
  box-shadow: none;
  border: 0 none;
  margin: 0;
  padding: 0;
}
#phocagallery-module-ri > * {
  margin: 0;
  padding: 0;
  height: 100% !important;
  width: 100% !important;
  float: unset !important;
  background: 0 none !important;
  border: 0 none !important;
  box-shadow: none !important;
  overflow: hidden;
}
#phocagallery-module-ri > * > * {
  width: 100%;
  height: 100%;
}
#phocagallery-module-ri > * > * img {
  width: 100%;
  object-fit: cover;
  transition: filter 250ms linear;
}
#phocagallery-module-ri > * > * img:hover {
  filter: brightness(150%);
}
.landingpage #phocagallery-module-ri {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 62rem) {
  .landingpage #phocagallery-module-ri {
    grid-template-columns: repeat(4, 1fr);
  }
}
.landingpage #phocagallery-module-ri * {
  height: auto;
}
.landingpage #phocagallery-module-ri > * {
  padding: 0 !important;
  display: grid;
  justify-content: center;
  max-height: 15em;
}
@media (min-width: 50rem) {
  .landingpage #phocagallery-module-ri > * {
    max-height: 20em;
  }
}
.landingpage #phocagallery-module-ri > * img {
  box-shadow: none !important;
  border: 0 none !important;
  object-fit: cover;
  max-height: none !important;
}
.serverphotos #phocagallery-module-ri {
  display: grid;
  gap: .5em;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 36rem) {
  .serverphotos #phocagallery-module-ri {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 62rem) {
  .serverphotos #phocagallery-module-ri {
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(6, 5em);
  }
}
@media (min-width: 62rem) {
  .serverphotos #phocagallery-module-ri > *:first-of-type {
    grid-column: 1 / 5;
    grid-row: 1 / 5;
  }
  .serverphotos #phocagallery-module-ri > *:nth-of-type(2) {
    grid-column: 5 / 7;
    grid-row: 1 / 4;
  }
  .serverphotos #phocagallery-module-ri > *:nth-of-type(3) {
    grid-column: 7 / 9;
    grid-row: 1 / 4;
  }
  .serverphotos #phocagallery-module-ri > *:nth-of-type(4) {
    grid-column: 1 / 3;
    grid-row: 5 / 7;
  }
  .serverphotos #phocagallery-module-ri > *:nth-of-type(5) {
    grid-column: 3 / 5;
    grid-row: 5 / 7;
  }
  .serverphotos #phocagallery-module-ri > *:nth-of-type(6) {
    grid-column: 5 / 9;
    grid-row: 4 / 7;
  }
}
.serverphotos #phocagallery-module-ri > * .phocagallery-box-file-first {
  width: 100% !important;
  height: 100% !important;
}
.serverphotos #phocagallery-module-ri > * .phocagallery-box-file-first img.pg-image {
  width: 100%;
}
.creativecontactform_wrapper .creativecontactform_wrapper_inner .creativecontactform_header .creativecontactform_title {
  font-family: rubik, sans-serif;
  font-size: clamp(1.5rem, 7vw, 2.5rem);
  color: #00baff;
  padding-bottom: .85em !important;
}
.creativecontactform_wrapper .creativecontactform_wrapper_inner .creativecontactform_header .creativecontactform_pre_text {
  color: #cccccc;
  font: normal normal clamp(1rem, 2vw, 1.125rem) montserrat, sans-serif;
  line-height: clamp(1.75rem, 3vw, 1.5rem) !important;
}
.creativecontactform_wrapper .creativecontactform_wrapper_inner .creativecontactform_field_box {
  font: normal normal clamp(1rem, 2vw, 1rem) montserrat, sans-serif;
  margin: 1rem 0 2rem 0;
}
.creativecontactform_wrapper .creativecontactform_wrapper_inner .creativecontactform_field_box label.creativecontactform_field_name {
  font-weight: normal;
}
.creativecontactform_wrapper .creativecontactform_wrapper_inner .creativecontactform_field_box input,
.creativecontactform_wrapper .creativecontactform_wrapper_inner .creativecontactform_field_box textarea {
  height: auto !important;
  background: #fafafa !important;
  border: 1px solid rgba(1, 62, 117, 0.15) !important;
  font: normal normal clamp(1rem, 2vw, 1rem) montserrat, sans-serif;
  line-height: clamp(1.75rem, 3vw, 1.25rem) !important;
  padding: .5rem .5rem !important;
  transition: all 300ms ease-in-out;
}
.creativecontactform_wrapper .creativecontactform_wrapper_inner .creativecontactform_field_box input:focus,
.creativecontactform_wrapper .creativecontactform_wrapper_inner .creativecontactform_field_box textarea:focus {
  border: 1px solid #013e75 !important;
  padding: .75rem !important;
}
.creativecontactform_wrapper .creativecontactform_wrapper_inner .creativecontactform_field_box input {
  width: 100% !important;
  max-width: 500px !important;
}
.creativecontactform_wrapper .creativecontactform_wrapper_inner .creativecontactform_field_box input:focus {
  max-width: 520px !important;
}
.creativecontactform_wrapper .creativecontactform_wrapper_inner .creativecontactform_field_box textarea {
  height: 300px !important;
  max-width: 500px !important;
}
.creativecontactform_wrapper .creativecontactform_wrapper_inner .creativecontactform_field_box .creativecontactform_input_element {
  height: auto !important;
}
.creativecontactform_wrapper .creativecontactform_wrapper_inner .creativecontactform_footer .creativecontactform_submit_wrapper input.creativecontactform_send {
  border-radius: 5px;
  padding: .9em 2em;
  margin: 0 1em;
  text-decoration: none;
  font: normal normal clamp(1rem, 2vw, 1.125rem) montserrat, sans-serif;
  color: #00baff;
  background: 0 none;
  box-shadow: none;
  border: 1px solid #013e75;
}
.jd_content {
  width: 100%;
  max-width: 650px;
}
.jd_content .jd_clear {
  display: flex;
  clear: none;
  align-items: center;
  justify-content: space-between;
}
.jd_content .jd_left {
  display: flex;
  align-items: center;
}
.jd_content .jd_left a {
  font-size: clamp(1rem, 10vw, 1.125rem);
  font-family: montserrat, sans-serif;
  line-height: normal !important;
  text-decoration: none;
  color: #cccccc;
}
.jd_content .jd_left a img {
  display: none;
  width: auto !important;
  height: initial;
}
@media (min-width: 36rem) {
  .jd_content .jd_left a img {
    display: inline-block;
  }
}
.jd_content .jd_left .jdbutton {
  display: none;
}
.jd_content .jd_content_wrapper {
  background: 0 none;
  border: 0 none;
  display: flex;
  align-items: center;
}
.jd_content .jd_featured_pic,
.jd_content .jd_tags39,
.jd_content .jd_associations {
  display: none;
}
.jd_content .jd_download_url_position {
  top: 0;
  float: none;
}
.jd_content .jd_download_url_position a {
  background: #198754 !important;
  border: 1px solid #198754;
  font-size: clamp(1rem, 10vw, 1.125rem);
  font-family: montserrat, sans-serif;
  line-height: normal !important;
}
.jd_content .jd_download_url_position a:hover {
  background: #1d9d61 !important;
  border: 1px solid #1d9d61 !important;
}
#editor-xtd-buttons,
.wf-editor-header {
  display: none;
}
#message_tbl {
  border: 0 none !important;
}
#message_parent .mceToolbar {
  background: #000;
}
#message_parent .mceToolbar button {
  border: 1px solid #040e13 !important;
}
#message_parent .mceToolbar button span {
  filter: invert(1) brightness(200%);
}
#message_parent .mceToolbar button:hover {
  background: #040e13;
}
*,
*::after,
*::before {
  box-sizing: border-box;
}
html {
  font-size: 16px;
  scroll-behavior: smooth;
}
html,
body {
  padding: 0;
  margin: 0;
}
body#page {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  min-height: 100vh;
  background: #040e13;
  font-family: sans-serif;
}
img {
  user-select: none;
}
*::selection {
  background: rgba(0, 186, 255, 0.5);
  color: #cccccc;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0 none;
}
table tr > td {
  border: 0 none;
}
main,
footer {
  width: 100%;
}
main {
  position: relative;
  margin-bottom: 5em;
}
main.login,
main.register {
  margin: 0;
  display: flex;
  flex-grow: 1;
}
.icons {
  display: none;
}
.noscript-message,
.scheduled-maintenance {
  width: 100%;
  display: flex;
  justify-content: center;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  padding: 1em 0;
  color: #fff;
}
.noscript-message .container,
.scheduled-maintenance .container {
  display: flex;
  align-items: center;
  width: min(90%, 80rem);
}
.noscript-message i,
.scheduled-maintenance i {
  font-size: 1.5em;
  margin-right: .5em;
}
.noscript-message {
  background: #cc0000;
}
.scheduled-maintenance {
  background: #48862a;
}
.scheduled-maintenance .container {
  justify-content: flex-start;
}
.scheduled-maintenance .container h3 {
  font-size: clamp(1rem, 10vw, 1.125rem);
  margin: 0;
  color: #fff;
  margin-right: .5em;
  margin-bottom: .5em;
  line-height: 1;
}
@media (min-width: 36rem) {
  .scheduled-maintenance .container h3 {
    margin-bottom: 0;
  }
}
.scheduled-maintenance .container .moduletable {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 36rem) {
  .scheduled-maintenance .container .moduletable {
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
  }
}
.scheduled-maintenance .container .moduletable p {
  font-size: 1rem;
  color: #fff;
  line-height: 1;
}
.back-to-website {
  position: absolute;
  top: 2rem;
  left: 2rem;
  z-index: 100;
}
.back-to-website .container {
  display: flex;
  align-items: center;
}
.back-to-website .container i {
  color: white;
  font-size: 2rem;
  margin-right: .5em;
}
.back-to-website .container ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.back-to-website .container ul a {
  color: white;
  font-size: clamp(1rem, 10vw, 1.125rem);
  font-family: montserrat, sans-serif;
  text-decoration: none;
}
.breadcrumbs {
  width: 100%;
  display: flex;
  justify-content: center;
  background: #030b0f;
  padding: 1em 0;
}
.breadcrumbs > .moduletable {
  width: min(90%, 80rem);
}
.breadcrumbs > .moduletable ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.breadcrumbs > .moduletable ul > li {
  display: inline-flex;
  font-size: .95em;
  color: #cccccc;
  margin-right: .5em;
}
.breadcrumbs > .moduletable ul > li:not(:last-child)::after {
  content: "/";
  margin-left: .5em;
}
.breadcrumbs > .moduletable ul > li:is(:first-child)::after {
  display: none;
}
.breadcrumbs > .moduletable ul > li a {
  color: #cccccc;
  text-decoration: none;
}
.section--main {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section--main.login,
.section--main.register {
  flex-grow: 1;
  justify-content: center;
  margin: 8rem 0 5rem 0;
}
.servers-module {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.servers-module .moduletable.serverlist {
  width: min(90%, 80rem);
}
.servers-module .moduletable > h3 {
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: clamp(2.25rem, 4vw, 3.75rem);
}
.servers-module .moduletable + .moduletable {
  margin-top: 5em;
  padding: 0 5%;
  width: 100%;
}
.backtotop {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  color: #cccccc;
  height: 4rem;
  width: 4rem;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 2rem;
  text-decoration: none;
  box-shadow: inset 0 0 5px black;
  display: none;
  transition: color 300ms linear;
}
.backtotop:hover {
  color: white;
}
.backtotop:hover i {
  animation-name: movearrow;
  animation-duration: 3s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes movearrow {
  0% {
    transform: translateY(0);
  }
  33% {
    transform: translateY(-0.25rem);
  }
  66% {
    transform: translateY(0.25rem);
  }
  100% {
    transform: translateY(0);
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: rubik, sans-serif;
  font-weight: normal;
  color: #ffffff;
  margin: 0;
  margin-bottom: .85em;
  overflow-wrap: break-word;
  word-break: break-word;
}
.field-label {
  overflow-wrap: break-word;
  word-break: break-word;
}
.buttonHover {
  transition: border-radius 300ms ease-in-out;
}
.buttonHover:hover {
  border-radius: 10px;
}
.afterStyle {
  /*&::after {
		height: 2px;
		width: 0%;
		bottom: -2px;
		left: 0;
		position: absolute;
		content: "";
		transform-origin: center;
		transition: transform-origin, width 250ms ease-in-out;
	}

	&:hover, &:focus {
		outline: 0;

		&::after {
			background: @--clr-bg-after;
			width: 100%;
			
		}
	}*/
}
header {
  width: 100%;
  height: 100px;
  position: sticky;
  background: #040e13;
  display: flex;
  justify-content: center;
  z-index: 1000;
  transition: height 300ms ease-in-out;
  top: 0;
  left: 0;
  user-select: none;
}
header.frontpage {
  background: transparent;
}
@media (max-width: 49.9999rem) {
  header {
    height: 80px;
  }
}
header.scroll-down,
header.scroll-up {
  background: rgba(4, 14, 19, 0.99);
  height: 100px;
}
@media (max-width: 49.9999rem) {
  header.scroll-down,
  header.scroll-up {
    height: 80px;
  }
  header.scroll-down .site-logo img,
  header.scroll-up .site-logo img {
    max-width: 180px;
  }
}
@media (min-width: 50rem) {
  header.scroll-down .site-logo img,
  header.scroll-up .site-logo img {
    max-width: 250px;
  }
}
header section {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: inherit;
  width: min(90%, 80rem);
}
header section .site-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: inherit;
  max-height: 170px;
  transition: all 300ms ease-in-out;
  position: relative;
  min-width: 10rem;
}
header section .site-logo .moduletable {
  width: 100%;
}
@media (max-width: 35.9999rem) {
  header section .site-logo {
    padding-right: 2rem;
  }
}
header section .site-logo img {
  max-width: 100%;
  width: 100%;
  display: block;
  object-fit: contain;
  transition: all 300ms ease-in-out;
}
@media (max-width: 35.9999rem) {
  header section .site-logo img {
    max-width: 180px;
  }
}
@media (max-width: 49.9999rem) {
  header section .site-logo img {
    max-width: 220px;
  }
}
header section .site-logo .image-title {
  display: none;
}
header section ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
header section ul li a {
  text-decoration: none;
  color: #ffffff;
  font-size: 1.35rem;
  font-family: montserrat, sans-serif;
  font-weight: normal;
}
@media (max-width: 49.9999rem) {
  header section .nav--container {
    position: absolute;
    right: 5%;
  }
  header section .language-pane {
    right: 50px;
    border-radius: 40px !important;
    padding-left: 20px;
  }
}
header section .nav--mobile {
  display: none;
}
@media (max-width: 49.9999rem) {
  header section .nav--mobile {
    display: flex;
  }
  header section .nav--mobile .open-mobile-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    position: relative;
    flex-direction: column;
    background: 0 none;
    border: 0 none;
    box-shadow: none;
  }
  header section .nav--mobile .open-mobile-menu .bar {
    position: relative;
    background: #ffffff;
    height: 2px;
    width: 90%;
  }
  header section .nav--mobile .open-mobile-menu .bar.first {
    top: -4px;
  }
  header section .nav--mobile .open-mobile-menu .bar.middle {
    width: 65%;
    right: 1px;
    align-self: flex-end;
  }
  header section .nav--mobile .open-mobile-menu .bar.last {
    bottom: -4px;
  }
}
@media (max-width: 49.9999rem) {
  header section .nav--mobile-background {
    position: fixed;
    background: rgba(0, 0, 0, 0.95);
    z-index: 500;
    animation-name: navmobileopen;
    animation-fill-mode: forwards;
    animation-duration: .75s;
    top: 0;
    right: 0;
  }
}
@media (min-width: 50rem) {
  header section .nav--mobile-background {
    display: none;
  }
}
@media (min-width: 50rem) {
  header section .nav--container {
    display: flex;
    justify-content: flex-start;
    flex-grow: 1;
    align-self: center;
    position: relative;
  }
}
@media (min-width: 50rem) {
  header section .nav--pane {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
  }
}
@media (max-width: 49.9999rem) {
  header section .nav--desktop {
    display: none;
  }
  header section .nav--desktop li.priority-nav {
    display: none !important;
  }
}
header section .nav--desktop.menu-open {
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  height: 100vh;
  width: 100vw;
}
header section .nav--desktop.menu-open.place-absolute .nav--mobile-background {
  display: block;
  position: fixed;
  background: rgba(0, 0, 0, 0.95);
  z-index: 500;
  animation-name: navmobileopen;
  animation-fill-mode: forwards;
  animation-duration: .75s;
  top: 0;
  right: 0;
}
header section .nav--desktop.menu-open.place-absolute .moduletable_menu {
  max-height: 100vh;
  min-height: 100vh;
}
header section .nav--desktop.menu-open.place-absolute .moduletable_menu > ul {
  overflow: visible;
  max-height: none;
}
header section .nav--desktop.menu-open.place-absolute .moduletable_menu li.lvl_1 {
  padding: 1rem 0;
  max-height: none;
  min-height: none;
}
header section .nav--desktop.menu-open.place-absolute .moduletable_menu li.lvl_1 .nav-header {
  overflow: visible;
  display: flex;
  align-items: center;
}
header section .nav--desktop.menu-open.place-absolute .moduletable_menu li.lvl_1 .nav-header .fa-angle-down {
  display: flex;
}
header section .nav--desktop.menu-open.place-absolute .moduletable_menu li.lvl_1.clicked {
  transform: translate(0, -200%) !important;
}
header section .nav--desktop.menu-open.place-absolute .moduletable_menu li.lvl_1.clicked .nav-header {
  padding-bottom: 2rem !important;
}
header section .nav--desktop.menu-open.place-absolute .moduletable_menu li.lvl_1.clicked i.mobile {
  transform: translate(50%, -100%) !important;
}
header section .nav--desktop.menu-open.place-absolute .moduletable_menu li.lvl_1.clicked a {
  padding: 0 !important;
}
header section .nav--desktop.menu-open.place-absolute .moduletable_menu li.lvl_1.clicked > ul > li {
  padding-left: 15px !important;
}
header section .nav--desktop.menu-open.place-absolute .moduletable_menu li.lvl_1.clicked > ul > li:hover a {
  color: #00baff !important;
}
header section .nav--desktop.menu-open.place-absolute .moduletable_menu li.lvl_1.clicked:hover ul {
  display: flex !important;
}
header section .nav--desktop.menu-open.place-absolute .moduletable_menu li.priority-nav {
  display: none !important;
}
header section .nav--desktop.menu-open.place-absolute .moduletable_menu li.contact {
  background: 0 none !important;
}
header section .nav--desktop.menu-open.place-absolute .moduletable_menu li.contact a {
  color: #040e13 !important;
}
header section .nav--desktop.menu-open.place-absolute .moduletable_menu li:hover {
  cursor: hand;
  cursor: pointer;
}
header section .nav--desktop.menu-open.place-absolute .moduletable_menu li:hover a,
header section .nav--desktop.menu-open.place-absolute .moduletable_menu li:hover .nav-header {
  color: #00baff;
}
header section .nav--desktop.menu-open.place-absolute .moduletable_menu li.parent:hover ul {
  display: none !important;
}
header section .nav--desktop.menu-open .close-mobile-nav {
  position: fixed;
  top: 13px;
  right: 25px;
  background: 0 none;
  border: none;
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  width: 60px;
  z-index: 1000;
}
header section .nav--desktop.menu-open .close-mobile-nav:hover {
  cursor: hand;
  cursor: pointer;
}
header section .nav--desktop.menu-open .close-mobile-nav i {
  font-size: 3rem;
  color: #ffffff;
  position: absolute;
  top: 50%;
  transform: translateY(-45%);
}
header section .nav--desktop.menu-open .moduletable_menu {
  width: 100%;
  position: relative;
  z-index: 999;
  animation-name: opacity0to1;
  animation-duration: .5s;
  animation-delay: .15s;
  animation-fill-mode: forwards;
  opacity: 0;
}
header section .nav--desktop.menu-open .moduletable_menu > ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
header section .nav--desktop.menu-open .moduletable_menu > ul.submenu-open > li.lvl_1 {
  opacity: 0;
}
header section .nav--desktop.menu-open .moduletable_menu > ul.submenu-open > li.lvl_1.slideUp {
  transform: translateY(-1000%);
}
header section .nav--desktop.menu-open .moduletable_menu > ul.submenu-open > li.lvl_1.slideDown {
  transform: translateY(1000%);
}
header section .nav--desktop.menu-open .moduletable_menu > ul.submenu-open > li.lvl_1.clicked {
  transform: translate(0%, -50%);
  opacity: 1;
  top: 50%;
  position: absolute;
}
header section .nav--desktop.menu-open .moduletable_menu > ul.submenu-open > li.lvl_1.clicked > .nav-header {
  font-size: 2rem;
  font-weight: bold;
  padding-bottom: 3rem;
  display: flex;
  justify-content: center;
  position: relative;
}
header section .nav--desktop.menu-open .moduletable_menu > ul.submenu-open > li.lvl_1.clicked .nav-child li {
  animation-name: mobilesubmenu;
  animation-duration: .5s;
  animation-fill-mode: forwards;
  opacity: 0;
}
header section .nav--desktop.menu-open .moduletable_menu > ul.submenu-open > li.lvl_1.clicked .nav-child li:first-child {
  animation-delay: .3s;
}
header section .nav--desktop.menu-open .moduletable_menu > ul.submenu-open > li.lvl_1.clicked .nav-child li:nth-child(2) {
  animation-delay: .4s;
}
header section .nav--desktop.menu-open .moduletable_menu > ul.submenu-open > li.lvl_1.clicked .nav-child li:nth-child(3) {
  animation-delay: .5s;
}
header section .nav--desktop.menu-open .moduletable_menu > ul.submenu-open > li.lvl_1.clicked .nav-child li:nth-child(4) {
  animation-delay: .6s;
}
header section .nav--desktop.menu-open .moduletable_menu > ul.submenu-open > li.lvl_1.clicked .nav-child li:nth-child(5) {
  animation-delay: .7s;
}
header section .nav--desktop.menu-open .moduletable_menu > ul.submenu-open > li.lvl_1.clicked .nav-child li:nth-child(6) {
  animation-delay: .8s;
}
header section .nav--desktop.menu-open .moduletable_menu > ul.submenu-open > li.lvl_1.clicked .nav-child li:nth-child(7) {
  animation-delay: .9s;
}
header section .nav--desktop.menu-open .moduletable_menu > ul.submenu-open > li.lvl_1.clicked .nav-child li:nth-child(8) {
  animation-delay: 1s;
}
header section .nav--desktop.menu-open .moduletable_menu > ul.submenu-open > li.lvl_1.clicked i {
  top: -50%;
  right: 50%;
  transform: translate(50%, 50%);
  position: absolute;
}
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1 {
  text-align: center;
  position: relative;
  padding: 1rem 0;
  opacity: 1;
  transition: transform 350ms ease-in-out, opacity 1s ease-in-out;
}
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1.parent .nav-child {
  display: none;
}
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1.active > a,
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1.active > .nav-header {
  font-weight: bold;
}
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1 .lvl_2.active > a,
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1 .lvl_2.active > .nav-header {
  font-weight: bold;
}
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1 > a,
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1 > .nav-header {
  font: normal normal clamp(1.125rem, 5vw, 1.5rem) montserrat, sans-serif;
  color: #ffffff;
  opacity: 0;
  animation-name: opacity0to1;
  animation-duration: .5s;
  animation-fill-mode: forwards;
  transition: font-weight 300ms ease-in-out;
}
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1 i.desktop {
  display: none;
}
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1 i.mobile {
  position: relative;
  right: -.5rem;
  top: 50%;
  transform: translateY(-5%);
  color: #ffF;
  font-size: 1rem;
}
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1 i.mobile.fa-long-arrow-left {
  display: none;
}
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1.clicked.parent i.fa-angle-down {
  display: none;
}
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1.clicked.parent i.fa-long-arrow-left {
  display: flex;
}
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1.clicked.parent .nav-child {
  display: flex;
  flex-direction: column;
  transform: translate(0);
}
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1.clicked.parent .nav-child li {
  display: flex;
  justify-content: center;
  background: 0 none;
}
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1.clicked.parent .nav-child li a {
  color: #ffffff;
  padding: 1rem 0;
  display: inline-flex;
  font: normal normal clamp(1.125rem, 5vw, 1.5rem) montserrat, sans-serif;
}
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1:first-child a,
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1:first-child .nav-header {
  animation-delay: .1s;
}
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1:nth-child(2) a,
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1:nth-child(2) .nav-header {
  animation-delay: .2s;
}
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1:nth-child(3) a,
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1:nth-child(3) .nav-header {
  animation-delay: .3s;
}
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1:nth-child(4) a,
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1:nth-child(4) .nav-header {
  animation-delay: .4s;
}
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1:nth-child(5) a,
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1:nth-child(5) .nav-header {
  animation-delay: .5s;
}
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1:nth-child(6) a,
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1:nth-child(6) .nav-header {
  animation-delay: .6s;
}
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1:nth-child(7) a,
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1:nth-child(7) .nav-header {
  animation-delay: .7s;
}
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1:nth-child(8) a,
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1:nth-child(8) .nav-header {
  animation-delay: .8s;
}
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1:nth-child(9) a,
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1:nth-child(9) .nav-header {
  animation-delay: .9s;
}
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1:nth-child(10) a,
header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1:nth-child(10) .nav-header {
  animation-delay: 1s;
}
 > header section .nav--desktop.menu-open .moduletable_menu > ul > li.lvl_1.active > a {
  font-weight: bold;
}
@media (min-width: 50rem) {
  header section .nav--desktop {
    display: flex;
  }
  header section .nav--desktop .close-mobile-nav {
    display: none;
  }
  header section .nav--desktop .moduletable_menu {
    max-height: 40px;
    min-height: 40px;
  }
  header section .nav--desktop ul.nav {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    max-height: 40px;
    overflow: hidden;
  }
  header section .nav--desktop ul.nav li {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
  }
  header section .nav--desktop ul.nav li.lvl_1 {
    padding: 0 1rem;
    max-height: 40px;
    min-height: 40px;
    justify-content: center;
  }
  header section .nav--desktop ul.nav li.lvl_1 i {
    margin-left: .5rem;
  }
  header section .nav--desktop ul.nav li.lvl_1 > a,
  header section .nav--desktop ul.nav li.lvl_1 > .nav-header {
    opacity: 1;
    color: #ffffff;
    white-space: nowrap;
    transition: color 300ms linear;
  }
  header section .nav--desktop ul.nav li.lvl_1.active > a,
  header section .nav--desktop ul.nav li.lvl_1.active > .nav-header {
    position: relative;
    color: #00baff;
  }
  header section .nav--desktop ul.nav li.lvl_1:hover > a,
  header section .nav--desktop ul.nav li.lvl_1:hover > .nav-header {
    overflow: visible;
    color: #00baff;
  }
  header section .nav--desktop ul.nav li.lvl_1.parent .mobile {
    display: none;
  }
  header section .nav--desktop ul.nav li.lvl_1.parent .nav-child {
    display: none;
    position: absolute;
    top: 100%;
    transform: translate(25%, 0);
  }
  header section .nav--desktop ul.nav li.lvl_1.parent:hover .nav-child {
    display: flex;
    flex-direction: column;
  }
  header section .nav--desktop ul.nav li.lvl_1.contact {
    background: #040e13;
    border-radius: 40px;
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
    z-index: 2;
    margin-left: 5px;
  }
  header section .nav--desktop ul.nav li.lvl_1.contact a {
    color: #0f1d24;
    transition: color 300ms ease-in-out;
  }
  header section .nav--desktop ul.nav li.lvl_1.contact:hover a {
    color: #080e12;
  }
  header section .nav--desktop ul.nav li.lvl_1 a,
  header section .nav--desktop ul.nav li.lvl_1 .nav-header {
    font: normal normal 1.125rem montserrat, sans-serif;
    position: relative;
    z-index: 2;
    /*&::after {
		height: 2px;
		width: 0%;
		bottom: -2px;
		left: 0;
		position: absolute;
		content: "";
		transform-origin: center;
		transition: transform-origin, width 250ms ease-in-out;
	}

	&:hover, &:focus {
		outline: 0;

		&::after {
			background: @--clr-bg-after;
			width: 100%;
			
		}
	}*/
  }
  header section .nav--desktop ul.nav li.lvl_2 {
    background: #000;
    margin: 0;
    min-width: 100%;
    padding: 15px 20px;
    width: 250px;
    opacity: 0;
    animation-name: opacity0to1;
    animation-duration: .5s;
    animation-fill-mode: both;
    transition: padding-left 300ms ease-in-out;
  }
  header section .nav--desktop ul.nav li.lvl_2:first-child {
    animation-duration: .1s;
  }
  header section .nav--desktop ul.nav li.lvl_2:nth-child(2) {
    animation-duration: .4s;
  }
  header section .nav--desktop ul.nav li.lvl_2:nth-child(3) {
    animation-duration: .7s;
  }
  header section .nav--desktop ul.nav li.lvl_2:nth-child(4) {
    animation-duration: 1s;
  }
  header section .nav--desktop ul.nav li.lvl_2:nth-child(5) {
    animation-duration: 1.3s;
  }
  header section .nav--desktop ul.nav li.lvl_2:nth-child(6) {
    animation-duration: 1.6s;
  }
  header section .nav--desktop ul.nav li.lvl_2:nth-child(7) {
    animation-duration: 1.9s;
  }
  header section .nav--desktop ul.nav li.lvl_2:nth-child(8) {
    animation-duration: 2.2s;
  }
  header section .nav--desktop ul.nav li.lvl_2.active > a,
  header section .nav--desktop ul.nav li.lvl_2.active > .nav-header {
    font-weight: bold;
  }
  header section .nav--desktop ul.nav li.lvl_2:hover {
    padding-left: 30px;
  }
  header section .nav--desktop ul.nav li.lvl_2 a,
  header section .nav--desktop ul.nav li.lvl_2 .nav-header {
    color: #fff;
    opacity: 1;
  }
}
@media (max-width: 959px) {
  header section .nav--desktop li.priority-nav {
    position: absolute !important;
    right: 0;
    top: 0;
    background-image: linear-gradient(to right, rgba(4, 14, 19, 0) 0, #040e13 2rem);
    padding-left: 3rem !important;
    z-index: 10;
    align-items: center;
    display: inline-flex;
    padding-right: 0 !important;
  }
  header section .nav--desktop li.priority-nav:hover {
    cursor: hand;
    cursor: pointer;
  }
  header section .nav--desktop li.priority-nav i {
    color: #0082b3;
    font-size: 1.35rem;
    position: relative;
    top: 2px;
    padding-right: .5rem;
  }
}
@media (min-width: 960px) {
  header section .nav--desktop li.priority-nav {
    display: none !important;
  }
}
header section .language-pane {
  max-height: 40px;
  min-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 11;
  margin-left: -5px;
}
@media (max-width: 49.9999rem) {
  header section .language-pane {
    margin-left: auto;
    padding-right: .5rem;
  }
  header section .language-pane .show-desktop {
    display: none;
  }
}
@media (min-width: 50rem) {
  header section .language-pane {
    align-self: center;
  }
  header section .language-pane .hidden-desktop {
    display: none;
  }
}
header section .language-pane ul {
  display: flex;
  flex-wrap: nowrap;
}
header section .language-pane ul li {
  padding: 0 5px;
  margin: 0;
  display: inline-flex;
}
header section .language-pane ul li.join {
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
  background: #0082b3;
  color: white !important;
  padding: .5em 1em;
}
header section .language-pane ul li.join:hover {
  color: #cccccc;
  cursor: pointer;
}
header section .language-pane ul li.join:hover {
  background: #00a7e6;
}
header section .language-pane ul li.join a:hover {
  color: white;
}
@media (max-width: 35.9999rem) {
  header section .language-pane ul li {
    margin: 0 .5rem;
  }
}
header section .language-pane ul li a {
  color: #ffffff;
  font: normal normal 1.125rem montserrat, sans-serif;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
header section .language-pane ul li a:hover {
  color: #00baff;
}
header section .language-pane ul li a img {
  margin-right: .25rem;
}
header section .language-pane ul.nav li.lvl_1 {
  margin-left: 1em;
}
header section .language-pane ul.nav li.lvl_1 .nav-header {
  color: #fff;
  display: inline-flex;
  align-items: center;
}
header section .language-pane ul.nav li.lvl_1 .nav-header i {
  margin-left: .5em;
}
header section .language-pane ul.nav li.lvl_1 .nav-header i.mobile {
  display: none;
}
header section .language-pane ul.nav li.lvl_1 a {
  flex-direction: row-reverse;
}
header section .language-pane ul.nav li.lvl_1 a img {
  filter: invert(1);
  width: 1.25rem;
  margin-left: .5em;
}
header section .language-pane ul.nav li.lvl_1.parent {
  position: relative;
}
header section .language-pane ul.nav li.lvl_1.parent > ul {
  position: absolute;
  display: none;
  flex-direction: column;
  right: 0;
  top: 100%;
}
header section .language-pane ul.nav li.lvl_1.parent > ul li.lvl_2 {
  background: #000;
  margin: 0;
  min-width: 100%;
  padding: 15px 20px;
  width: 250px;
  opacity: 0;
  animation-name: opacity0to1;
  animation-duration: .5s;
  animation-fill-mode: both;
  transition: padding-left 300ms ease-in-out;
}
header section .language-pane ul.nav li.lvl_1.parent > ul li.lvl_2:first-child {
  animation-duration: .1s;
}
header section .language-pane ul.nav li.lvl_1.parent > ul li.lvl_2:nth-child(2) {
  animation-duration: .4s;
}
header section .language-pane ul.nav li.lvl_1.parent > ul li.lvl_2:nth-child(3) {
  animation-duration: .7s;
}
header section .language-pane ul.nav li.lvl_1.parent > ul li.lvl_2:nth-child(4) {
  animation-duration: 1s;
}
header section .language-pane ul.nav li.lvl_1.parent > ul li.lvl_2:nth-child(5) {
  animation-duration: 1.3s;
}
header section .language-pane ul.nav li.lvl_1.parent > ul li.lvl_2.active > a,
header section .language-pane ul.nav li.lvl_1.parent > ul li.lvl_2.active > .nav-header {
  font-weight: bold;
}
header section .language-pane ul.nav li.lvl_1.parent > ul li.lvl_2:hover {
  padding-left: 30px;
}
header section .language-pane ul.nav li.lvl_1.parent > ul li.lvl_2 a,
header section .language-pane ul.nav li.lvl_1.parent > ul li.lvl_2 .nav-header {
  color: #fff;
  opacity: 1;
}
header section .language-pane ul.nav li.lvl_1.parent > ul li.lvl_2 a::hover::after,
header section .language-pane ul.nav li.lvl_1.parent > ul li.lvl_2 .nav-header::hover::after {
  width: 0 !important;
}
header section .language-pane ul.nav li.lvl_1.parent:hover > ul {
  display: flex;
}
img {
  display: block;
  max-width: 100%;
  height: auto !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #ffffff;
  font-family: rubik, sans-serif;
}
h2 {
  font-size: clamp(2rem, 10vw, 2.75rem);
  line-height: 1.5;
}
h3,
h5 {
  font-size: clamp(1.5rem, 7vw, 2.5rem);
  line-height: 1.25;
}
@keyframes wheel {
  to {
    opacity: 0;
    top: 30px;
  }
}
@-webkit-keyframes wheel {
  to {
    opacity: 0;
    top: 30px;
  }
}
p,
li {
  color: #cccccc;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  margin-bottom: .85em;
  overflow-wrap: break-word;
}
@media (min-width: 36rem) {
  p,
  li {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
p:last-of-type,
li:last-of-type {
  margin-bottom: 0;
}
.blogtext > h3,
div[itemprop="articleBody"] > h3,
.blogtext > h6,
div[itemprop="articleBody"] > h6 {
  margin: 0 0 .25em 0;
  font-size: calc(clamp(1rem, 10vw, 1.125rem) + .35em);
}
.blogtext > h3:not(:first-of-type),
div[itemprop="articleBody"] > h3:not(:first-of-type),
.blogtext > h6:not(:first-of-type),
div[itemprop="articleBody"] > h6:not(:first-of-type) {
  margin-top: 2em;
}
.blogtext > p + h6,
div[itemprop="articleBody"] > p + h6 {
  margin-top: 2em;
}
.blogtext p a,
div[itemprop="articleBody"] p a {
  color: #00baff;
  font-weight: bold;
}
.blogtext p a:hover,
div[itemprop="articleBody"] p a:hover {
  filter: brightness(125%);
}
li {
  margin-bottom: 0;
}
.gradient-overlay {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(transparent, #02080b);
  min-height: 768px;
  height: 100%;
  width: 100%;
}
.carousel {
  background: #02080b;
  min-height: 768px;
  width: 100%;
  height: 100vh;
  position: relative;
  display: block;
  overflow: hidden;
  margin-top: -80px;
}
@media (min-width: 50rem) {
  .carousel {
    margin-top: -100px;
  }
}
.carousel .moduletable {
  height: 100%;
}
.carousel .slideshowck {
  margin: 0 !important;
  z-index: unset;
  height: inherit !important;
}
.carousel .camera_src {
  height: 100%;
  display: flex;
}
.carousel .camera_src > * {
  height: 100%;
}
.carousel .camera_fakehover {
  z-index: 0;
}
.carousel .camera_caption {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
}
.carousel .camera_caption > div {
  background: transparent;
}
.carousel .camera_caption .camera_caption_title {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: clamp(3.5rem, 10vw, 5rem);
  font-family: rubik, sans-serif;
}
.carousel .camera_bar {
  position: absolute;
  top: 0 !important;
}
.carousel .camera_bar > span {
  background: white !important;
  opacity: 1 !important;
}
.carousel .camera_bar > span > span {
  background: #013e75 !important;
  opacity: 1 !important;
  height: 100% !important;
}
.carousel .camera_pag {
  position: absolute;
  z-index: 100;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  display: none;
}
.carousel .camera_pag > ul {
  display: flex;
  justify-content: flex-start;
  width: fit-content;
}
.after.servers .field-entry.details,
.moduletable.serverlist .field-entry.details {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 1em;
}
@media (min-width: 36rem) {
  .after.servers .field-entry.details,
  .moduletable.serverlist .field-entry.details {
    grid-template-columns: 12em auto;
    gap: 0 1em;
    margin-bottom: .5em;
  }
}
.after.servers .field-entry.details .field-label,
.moduletable.serverlist .field-entry.details .field-label {
  color: #cccccc;
  font-size: clamp(1rem, 10vw, 1.125rem);
  font-family: rubik, sans-serif;
  font-weight: bold;
}
.after.servers .field-entry.details .field-value,
.moduletable.serverlist .field-entry.details .field-value {
  color: #cccccc;
  font-size: clamp(1rem, 10vw, 1.125rem);
  font-family: montserrat, sans-serif;
}
.after.servers .currentlyplaying,
.moduletable.serverlist .currentlyplaying {
  display: none !important;
}
.after.servers .field-entry.xlrstatslink,
.moduletable.serverlist .field-entry.xlrstatslink {
  margin-top: 2em !important;
}
.after.servers .field-entry.xlrstatslink > .field-value,
.moduletable.serverlist .field-entry.xlrstatslink > .field-value {
  justify-content: flex-start;
  display: flex;
}
.after.servers .field-entry.xlrstatslink > .field-value p,
.moduletable.serverlist .field-entry.xlrstatslink > .field-value p {
  line-height: 1;
}
.after.servers .field-entry.xlrstatslink > .field-value a,
.moduletable.serverlist .field-entry.xlrstatslink > .field-value a {
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
  margin: 0;
  padding-left: 0;
  display: inline-flex;
  font-weight: bold;
  align-items: center;
  color: #999999;
}
.after.servers .field-entry.xlrstatslink > .field-value a:hover,
.moduletable.serverlist .field-entry.xlrstatslink > .field-value a:hover {
  color: #cccccc;
  cursor: pointer;
}
.after.servers .field-entry.xlrstatslink > .field-value a:first-of-type::before,
.moduletable.serverlist .field-entry.xlrstatslink > .field-value a:first-of-type::before {
  content: "\f0c0";
  font-family: "Font Awesome 5 Pro";
  font-size: 1.5em;
  margin-right: .5em;
}
.after.servers .field-entry.xlrstatslink > .field-value a:last-of-type::before,
.moduletable.serverlist .field-entry.xlrstatslink > .field-value a:last-of-type::before {
  content: "\f080";
  font-family: "Font Awesome 5 Pro";
  font-size: 1.5em;
  margin-right: .5em;
}
.displayElement.after .field-entry,
.displayelement.after .field-entry {
  margin: 0;
  padding: 0;
}
.displayElement.after .field-entry .field-label,
.displayelement.after .field-entry .field-label {
  font-family: rubik, sans-serif;
  font-size: clamp(2rem, 10vw, 2.75rem);
  color: #00baff;
}
.displayElement.after .field-entry ul.nav,
.displayelement.after .field-entry ul.nav {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 2em;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5em;
}
.displayElement.after .field-entry ul.nav > li,
.displayelement.after .field-entry ul.nav > li {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background: #02080b;
  padding: 2em;
}
.displayElement.after .field-entry ul.nav > li:hover a,
.displayelement.after .field-entry ul.nav > li:hover a {
  color: #00baff;
}
.displayElement.after .field-entry ul.nav > li .link-note,
.displayelement.after .field-entry ul.nav > li .link-note {
  margin-top: 1em;
  font-size: .95em;
  color: #999999;
}
.displayElement.after .field-entry ul.nav > li > a,
.displayelement.after .field-entry ul.nav > li > a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  color: #fff;
  font-size: 1.35rem;
  position: relative;
}
.displayElement.after .field-entry ul.nav > li > a img,
.displayelement.after .field-entry ul.nav > li > a img {
  margin-right: 1em;
}
.btn-readmore {
  padding: 0;
  margin: 0;
}
.btn-readmore a {
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
  background: #0082b3;
  color: white !important;
}
.btn-readmore a:hover {
  color: #cccccc;
  cursor: pointer;
}
.btn-readmore a:hover {
  background: #00a7e6;
}
.blog {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.blog .span12 {
  width: min(90%, 80rem);
  display: flex;
}
.blog .blog-catheader-container {
  width: min(90%, 80rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  height: 25em;
  overflow: hidden;
  margin-top: -2rem;
}
.blog .catheader,
.blog .category-desc {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.blog .catheader .gradient-overlay,
.blog .category-desc .gradient-overlay {
  display: none;
}
.blog .catheaderimg {
  position: absolute;
  top: 0;
  right: 50%;
  transform: translateX(50%);
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  z-index: -1;
  width: 100%;
}
.blog .catheaderimg img {
  object-fit: cover;
  transform: translateX(30%);
}
.blog .catheader {
  margin-top: 7em;
}
.blog .catheader h2 {
  margin-bottom: 0;
  font-size: clamp(2rem, 10vw, 4rem);
  line-height: 1;
}
.blog .category-desc {
  margin-bottom: 2rem;
}
.blog .category-desc p {
  font-family: montserrat, sans-serif;
  color: #cccccc;
  position: relative;
}
@media (min-width: 50rem) {
  .blog .category-desc p {
    padding-left: 3em;
  }
  .blog .category-desc p::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 2.25em;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #cccccc;
  }
}
.blog .items-row {
  position: relative;
}
.blog.servers .items-row {
  padding: 2em 0;
}
.blog.servers .items-row.row-0 {
  padding-top: 0;
}
.blog.servers .items-row .item {
  display: flex;
  justify-content: flex-start;
}
.blog.servers .items-row:last-of-type .item {
  justify-content: center;
}
.blog.servers .items-row .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: .35;
}
.blog.servers .items-row .image .item-image {
  display: flex;
  height: 100%;
  width: 100%;
}
.blog.servers .items-row .image .item-image img {
  object-fit: cover;
  mix-blend-mode: darken;
  width: 100%;
}
.blog.frontpage {
  flex-flow: row wrap;
}
.blog.frontpage .items-row {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 4rem 0;
  /*intro text on slideshow*/
  /*our services*/
  /*our story*/
  /*stats*/
}
@media (max-width: 35.9999rem) {
  .blog.frontpage .items-row.row-1 {
    padding-top: 6rem;
  }
}
@media (min-width: 36rem) {
  .blog.frontpage .items-row {
    padding: 6rem 0;
  }
}
@media (min-width: 50rem) {
  .blog.frontpage .items-row {
    padding: 8rem 0;
  }
}
@media (min-width: 62rem) {
  .blog.frontpage .items-row {
    padding: 10rem 0;
  }
}
.blog.frontpage .items-row:last-of-type {
  margin-bottom: 5rem;
}
.blog.frontpage .items-row .page-header h2 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: clamp(2.25rem, 4vw, 3.75rem);
  line-height: 1;
}
.blog.frontpage .items-row.row-0 {
  min-height: 768px;
  margin-top: calc(100vh * (-1));
  align-items: center;
  margin-bottom: 0;
}
@media (orientation: landscape) and (max-height: 768px) {
  .blog.frontpage .items-row.row-0 {
    margin-top: -768px;
    align-items: flex-start;
  }
}
.blog.frontpage .items-row.row-0.loggedin a.join {
  display: none !important;
}
.blog.frontpage .items-row.row-0 .span12 {
  padding-top: 5rem;
}
.blog.frontpage .items-row.row-0 .square.left {
  width: 30px;
  height: 50px;
  border: 2px solid white;
  border-radius: 60px;
  position: fixed;
  bottom: -50px;
  left: 50%;
  opacity: 0;
  z-index: 5;
  transition: opacity, bottom 500ms linear;
  transform: translateX(-50%);
}
@media (max-height: 768px) {
  .blog.frontpage .items-row.row-0 .square.left {
    display: none;
  }
}
.blog.frontpage .items-row.row-0 .square.left.active {
  opacity: .5;
  bottom: 7vh;
}
@media (min-width: 36rem) {
  .blog.frontpage .items-row.row-0 .square.left.active {
    bottom: 13vh;
  }
}
.blog.frontpage .items-row.row-0 .square.left::before {
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
  background-color: white;
  border-radius: 50%;
  opacity: 1;
  animation: wheel 2s infinite;
  -webkit-animation: wheel 2s infinite;
}
.blog.frontpage .items-row.row-0 .item {
  align-self: flex-start;
  width: 100%;
}
.blog.frontpage .items-row.row-0 .item .page-header h2 {
  margin: 0;
  text-align: center;
}
.blog.frontpage .items-row.row-0 .item .displayelement.after {
  display: flex;
  justify-content: center;
}
.blog.frontpage .items-row.row-0 .item .displayelement.after .fields-container {
  grid-area: readmore;
}
.blog.frontpage .items-row.row-0 .item .displayelement.after .fields-container p {
  display: flex;
  flex-direction: column;
}
@media (min-width: 36rem) {
  .blog.frontpage .items-row.row-0 .item .displayelement.after .fields-container p {
    flex-direction: row;
  }
}
.blog.frontpage .items-row.row-0 .item .displayelement.after .fields-container p a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog.frontpage .items-row.row-0 .item .displayelement.after .fields-container p a:first-of-type {
  background: rgba(0, 0, 0, 0.4);
  border: 2px solid rgba(0, 0, 0, 0.7);
}
.blog.frontpage .items-row.row-0 .item .displayelement.after .fields-container p a:first-of-type:hover {
  background: rgba(0, 0, 0, 0.5);
  border: 2px solid rgba(0, 0, 0, 0.8);
}
.blog.frontpage .items-row.row-0 .item .content-wrapper {
  display: grid;
  grid-template-areas: "header" "blogtext" "readmore";
  place-items: center;
}
.blog.frontpage .items-row.row-0 .item .content-wrapper .displayaftertitle {
  display: flex;
  width: 100%;
  justify-content: center;
}
.blog.frontpage .items-row.row-0 .item .content-wrapper .displayaftertitle .fields-container,
.blog.frontpage .items-row.row-0 .item .content-wrapper .displayaftertitle .field-entry {
  margin: 0;
  padding: 0;
}
.blog.frontpage .items-row.row-0 .item .content-wrapper .header {
  grid-area: header;
}
.blog.frontpage .items-row.row-0 .item .content-wrapper .page-header h2,
.blog.frontpage .items-row.row-0 .item .content-wrapper .fields-container h2,
.blog.frontpage .items-row.row-0 .item .content-wrapper .page-header .field-entry.subtitle .field-value,
.blog.frontpage .items-row.row-0 .item .content-wrapper .fields-container .field-entry.subtitle .field-value {
  font-size: 3rem;
  font-family: rubik, sans-serif;
  color: #fff;
  line-height: 1;
  margin: 0;
}
@media (min-width: 36rem) {
  .blog.frontpage .items-row.row-0 .item .content-wrapper .page-header h2,
  .blog.frontpage .items-row.row-0 .item .content-wrapper .fields-container h2,
  .blog.frontpage .items-row.row-0 .item .content-wrapper .page-header .field-entry.subtitle .field-value,
  .blog.frontpage .items-row.row-0 .item .content-wrapper .fields-container .field-entry.subtitle .field-value {
    font-size: clamp(3rem, 8vw, 6rem);
  }
}
.blog.frontpage .items-row.row-0 .item .content-wrapper .page-header .field-entry.subtitle .field-value,
.blog.frontpage .items-row.row-0 .item .content-wrapper .fields-container .field-entry.subtitle .field-value {
  font-size: 2rem;
  font-style: italic;
}
@media (min-width: 36rem) {
  .blog.frontpage .items-row.row-0 .item .content-wrapper .page-header .field-entry.subtitle .field-value,
  .blog.frontpage .items-row.row-0 .item .content-wrapper .fields-container .field-entry.subtitle .field-value {
    font-size: clamp(2rem, 8vw, 3rem);
  }
}
.blog.frontpage .items-row.row-0 .item .blogtext {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  width: min(100%, 80ch);
  grid-area: blogtext;
  margin-top: 1em;
  margin-bottom: 2em;
}
.blog.frontpage .items-row.row-0 .item .blogtext p {
  margin: 0;
  padding: 0;
  color: #cccccc;
  line-height: 1.5;
  text-align: center;
}
.blog.frontpage .items-row.row-1::before {
  display: none;
}
.blog.frontpage .items-row.row-1 .span12 {
  width: 100%;
  display: flex;
  justify-content: center;
}
.blog.frontpage .items-row.row-1 .span12 .item {
  display: flex;
  justify-content: center;
  width: min(90%, 80rem);
}
.blog.frontpage .items-row.row-1 .span12 .image {
  position: absolute;
  inset: 0 0 0 50%;
  transform: translateX(-50%);
  opacity: .35;
  z-index: -1;
  width: min(90%, 80rem);
  display: flex;
  justify-content: flex-end;
}
.blog.frontpage .items-row.row-1 .span12 .blogtextwrapper {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.blog.frontpage .items-row.row-1 .span12 .blogtextwrapper .border-wrapper {
  width: 100%;
}
.blog.frontpage .items-row.row-1 .span12 .blogtextwrapper .moduletable {
  display: flex;
  justify-content: flex-end;
}
.blog.frontpage .items-row.row-1 .span12 .blogtextwrapper ul.menu li {
  position: relative;
  box-shadow: 0 0 0 transparent;
  transition: box-shadow 350ms cubic-bezier(0, 0.35, 0.83, 0.53);
}
.blog.frontpage .items-row.row-1 .span12 .blogtextwrapper ul.menu li:hover {
  box-shadow: 0 0 1.5em #081e28;
}
.blog.frontpage .items-row.row-1 .page-header h2,
.blog.frontpage .items-row.row-2 .page-header h2,
.blog.frontpage .items-row.row-3 .page-header h2 {
  margin: 0;
}
.blog.frontpage .items-row.row-1 .displayaftertitle .fields-container,
.blog.frontpage .items-row.row-2 .displayaftertitle .fields-container,
.blog.frontpage .items-row.row-3 .displayaftertitle .fields-container,
.blog.frontpage .items-row.row-1 .displayaftertitle .field-entry,
.blog.frontpage .items-row.row-2 .displayaftertitle .field-entry,
.blog.frontpage .items-row.row-3 .displayaftertitle .field-entry {
  padding: 0;
  margin: 0;
}
.blog.frontpage .items-row.row-1 .displayaftertitle .field-entry.subtitle .field-value,
.blog.frontpage .items-row.row-2 .displayaftertitle .field-entry.subtitle .field-value,
.blog.frontpage .items-row.row-3 .displayaftertitle .field-entry.subtitle .field-value {
  font-family: rubik, sans-serif;
  color: #fff;
  line-height: 1;
  margin: 0;
  font-size: clamp(1.35rem, 8vw, 2rem);
  font-style: italic;
  margin-bottom: 1em;
  display: flex;
}
.blog.frontpage .items-row.row-2 {
  background: #02080b;
}
.blog.frontpage .items-row.row-2 .displayelement {
  display: flex;
  height: max-content;
}
.blog.frontpage .items-row.row-2 .item {
  display: flex;
  flex-direction: column;
}
@media (min-width: 36rem) {
  .blog.frontpage .items-row.row-2 .item {
    flex-flow: row wrap;
  }
}
.blog.frontpage .items-row.row-2 .item > * {
  flex: 1 1 50%;
}
.blog.frontpage .items-row.row-2 .item .blogtextwrapper {
  display: flex;
  align-items: center;
}
.blog.frontpage .items-row.row-2 .content-wrapper {
  display: grid;
  grid-template-areas: "header" "subtitle" "content" "counter";
  gap: 0 5em;
}
.blog.frontpage .items-row.row-2 .content-wrapper .displayaftertitle {
  grid-area: subtitle;
}
.blog.frontpage .items-row.row-2 .content-wrapper .header {
  grid-area: header;
}
.blog.frontpage .items-row.row-2 .content-wrapper .header h2 {
  margin: 0;
}
.blog.frontpage .items-row.row-2 .content-wrapper .blogtext {
  grid-area: content;
  margin-bottom: 2em;
}
.blog.frontpage .items-row.row-2 .displayelement.after .btn-readmore p {
  display: flex;
  flex-flow: row wrap;
}
.blog.frontpage .items-row.row-2 .displayelement.after .btn-readmore p a {
  display: inline-flex;
}
.blog.frontpage .items-row.row-2 .displayelement.after .btn-readmore p > a:last-of-type {
  background: 0 none;
}
.blog.frontpage .items-row.row-3 .item {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  align-items: center;
  grid-template-areas: "image" "content";
}
@media (min-width: 50rem) {
  .blog.frontpage .items-row.row-3 .item {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "content image";
  }
}
.blog.frontpage .items-row.row-3 .item .image {
  grid-area: image;
  transform: scaleX(-1);
}
.blog.frontpage .items-row.row-3 .item .blogtextwrapper {
  grid-area: content;
}
.blog.frontpage .items-row.row-3 .item .displayelement.before {
  grid-area: counter;
}
.blog.frontpage .items-row.row-3 .displayelement.after {
  margin-top: 2rem;
}
.blog.frontpage .items-row.row-3 .displayelement.after .fields-container {
  grid-area: counter;
  display: flex;
  margin: 0;
  width: 100%;
}
.blog.frontpage .items-row.row-3 .displayelement.after .fields-container .field-value {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.blog.frontpage .items-row.row-3 .displayelement.after .fields-container .field-entry {
  margin: 0;
  background: #02080b;
  padding: 2em;
  display: flex;
  flex: 1;
}
.blog.frontpage .items-row.row-3 .displayelement.after .fields-container .field-entry .jmm-mod-row {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1em;
  /*@media @midbreak {
                      grid-template-columns: repeat(4, 1fr);
                    }*/
}
@media (min-width: 36rem) {
  .blog.frontpage .items-row.row-3 .displayelement.after .fields-container .field-entry .jmm-mod-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 3em 6em;
  }
}
.blog.frontpage .items-row.row-3 .displayelement.after .fields-container .field-entry .jmm-mod-row::after,
.blog.frontpage .items-row.row-3 .displayelement.after .fields-container .field-entry .jmm-mod-row::before {
  display: none;
}
.blog.frontpage .items-row.row-3 .displayelement.after .fields-container .field-entry .jmm-mod-row .jmm-item {
  width: 100%;
}
.blog.frontpage .items-row.row-3 .displayelement.after .fields-container .field-entry .jmm-mod-row .jmm-item .jm-count {
  color: #ffffff;
  font-family: rubik, sans-serif;
  font-size: clamp(1.5rem, 7vw, 2.5rem);
  font-weight: bold;
}
.blog.frontpage .items-row.row-3 .displayelement.after .fields-container .field-entry .jmm-mod-row .jmm-item .jmm-subtitle {
  color: #999999;
  font-family: montserrat, sans-serif;
  font-size: clamp(1rem, 10vw, 1.125rem);
}
.blog.frontpage .items-row.row-4 {
  background: #02080b;
  margin-bottom: 0;
  padding: 7em 0;
  overflow: hidden;
  height: clamp(60vh, 100vw, 80vh);
}
.blog.frontpage .items-row.row-4 .item {
  width: 100%;
}
.blog.frontpage .items-row.row-4 .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .5;
}
.blog.frontpage .items-row.row-4 .image .item-image {
  display: flex;
  height: 100%;
  width: 100%;
}
.blog.frontpage .items-row.row-4 .image .item-image img {
  object-fit: cover;
  width: 100%;
}
.blog.frontpage .items-row.row-4 .blogtextwrapper {
  position: relative;
}
.blog.frontpage .items-row.row-4 .blogtextwrapper,
.blog.frontpage .items-row.row-4 .border-wrapper,
.blog.frontpage .items-row.row-4 .content-wrapper,
.blog.frontpage .items-row.row-4 .blogtext {
  height: 100%;
}
.blog.frontpage .items-row.row-4 .page-header h2 {
  text-align: center;
  color: #ffffff;
}
.blog.frontpage .items-row.row-4 .blogtext {
  display: grid;
  padding-bottom: 5rem;
}
.blog.frontpage .items-row.row-4 .blogtext > div {
  padding: 0 !important;
  height: 100%;
}
.blog.frontpage .items-row.row-4 .blogtext > div iframe {
  position: relative !important;
}
.blog.frontpage .items-row.row-5 .span12,
.blog.frontpage .items-row.row-6 .span12,
.blog.frontpage .items-row.row-7 .span12 {
  justify-content: center;
}
.blog.frontpage .items-row.row-5 .page-header h2,
.blog.frontpage .items-row.row-6 .page-header h2,
.blog.frontpage .items-row.row-7 .page-header h2 {
  text-align: center;
}
.blog.frontpage .items-row.row-5 .page-header {
  display: flex;
  justify-content: center;
}
.blog.frontpage .items-row.row-5 .page-header > h2 {
  width: 100%;
}
@media (min-width: 62rem) {
  .blog.frontpage .items-row.row-5 .page-header > h2 {
    width: 75%;
  }
}
.blog.frontpage .items-row.row-5 .fields-container {
  padding-top: 0;
  margin-top: 0;
}
.blog.frontpage .items-row.row-5 .fields-container .field-entry {
  padding: 0;
  margin: 0;
  list-style: none;
}
.blog.frontpage .items-row.row-5 .fields-container .field-entry.btn-readmore {
  display: flex;
  margin-top: 5em;
  justify-content: center;
}
@media (max-width: 49.9999rem) {
  .blog.frontpage .items-row.row-6 {
    height: fit-content !important;
  }
}
@media (min-width: 50rem) {
  .blog.frontpage .items-row.row-6 .image {
    position: absolute;
    width: 50%;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
  }
  .blog.frontpage .items-row.row-6 .image img {
    height: 100% !important;
    width: auto;
    max-width: none;
  }
}
.blog.frontpage .items-row.row-6 .item {
  display: flex;
  gap: 4em;
}
.blog.frontpage .items-row.row-6 .page-header h2 {
  margin: 0;
  text-align: left;
}
.blog.frontpage .items-row.row-6 .item {
  display: flex;
  flex-direction: column;
}
@media (min-width: 50rem) {
  .blog.frontpage .items-row.row-6 .item {
    flex-direction: row;
  }
}
.blog.frontpage .items-row.row-6 .item .blogtextwrapper {
  display: flex;
  align-items: center;
  margin-left: auto;
}
@media (min-width: 50rem) {
  .blog.frontpage .items-row.row-6 .item .blogtextwrapper {
    width: 50%;
    padding-left: 5em;
  }
}
.blog.frontpage .items-row.row-6 .item .blogtextwrapper .content-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "header" "content" "readmore";
}
.blog.frontpage .items-row.row-6 .item .blogtextwrapper .content-wrapper .header {
  grid-area: header;
}
.blog.frontpage .items-row.row-6 .item .blogtextwrapper .content-wrapper .blogtext {
  grid-area: content;
  margin-top: 1em;
}
.blog.frontpage .items-row.row-6 .item .blogtextwrapper .after .fields-container {
  grid-area: readmore;
  margin-top: 3em;
}
.blog.frontpage .items-row.row-6 .item .blogtextwrapper .after .fields-container a::after {
  content: "\f2f6";
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
  margin-left: .5em;
  position: relative;
}
.blog.frontpage .items-row.row-7 .span12 {
  width: min(90%, 100rem);
}
.blog.frontpage .items-row.row-7 .span12 .item {
  width: 100%;
}
.blog.servers .item,
.blog.servers .items-row {
  width: 100%;
}
.blog.servers .span12 {
  padding: 3em 2em;
  width: min(90%, 80rem);
  position: relative;
}
.blog.servers .items-row {
  display: flex;
  justify-content: center;
}
.blog.servers .items-row .blogtextwrapper {
  width: min(90%, 45rem);
}
.blog.servers .items-row.row-2 .span12 {
  background: #02080b;
}
.blog.servers .items-row.row-2 .page-header h2 {
  margin-bottom: .85em;
}
.blog.servers .items-row .page-header {
  position: relative;
}
.blog.servers .items-row .page-header h2 {
  color: #ffffff;
  padding-bottom: .15em;
  position: relative;
  z-index: 2;
  padding-right: 1em;
  margin-bottom: 0;
  display: flex;
  font-size: 2rem;
}
@media (min-width: 62rem) {
  .blog.servers .items-row .page-header h2 {
    width: max-content;
    font-size: clamp(2rem, 10vw + 1rem, 2.5rem);
  }
}
.blog.servers .items-row .field-entry {
  margin: 1em 0 0 0;
  padding: 0;
}
.blog.servers .items-row .field-entry > * {
  display: inline-flex;
  width: 100%;
}
.blog.servers .items-row .field-entry.xlrstatslink {
  display: flex;
}
.blog.servers .items-row .content-wrapper {
  display: grid;
  grid-template-areas: "photos" "header" "content";
}
.blog.servers .items-row .content-wrapper > .header {
  grid-area: header;
}
.blog.servers .items-row .content-wrapper > .fields-container {
  grid-area: photos;
  margin: 0 0 3em 0;
  padding: 0;
}
.blog.servers .items-row .content-wrapper > .blogtext {
  grid-area: content;
  margin-bottom: 2em;
}
.blog.servers .items-row.row-0 {
  grid-area: rules;
}
.blog.servers .items-row.row-0 .blogtext > h3 {
  font-size: calc(clamp(1rem, 10vw, 1.125rem) + .25rem);
  line-height: 1.25;
}
.blog.servers .items-row.row-1 {
  grid-area: eagle;
}
.blog.servers .items-row.row-2 {
  grid-area: friday;
}
.blog.servers .items-row .photos .moduletable {
  width: 100%;
}
.blog.servers .items-row #pg-msnr-container {
  display: flex;
}
.blog.servers .items-row #pg-msnr-container > * {
  flex-basis: 100%;
  width: auto !important;
  height: auto !important;
  float: unset !important;
}
.item-page .itempagecontainer {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.item-page .itempagecontainer .page-header.hasImage {
  position: absolute;
  z-index: 10;
  width: min(90%, 80rem);
  display: flex;
  align-items: center;
}
.item-page .itempagecontainer .page-header.hasImage h2 {
  margin: 0;
  margin-top: .5em;
  color: #ffffff;
  font-size: clamp(2rem, 10vw, 3rem);
}
.item-page .itempagecontainer .articlebody {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
.item-page .itempagecontainer .articlebody a {
  color: #0082b3;
}
.item-page .itempagecontainer .articlebody a:hover {
  color: #00baff;
}
.item-page .itempagecontainer .articlebody .item-image {
  max-height: 20rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
}
.item-page .itempagecontainer .articlebody .item-image .overlay {
  background-image: radial-gradient(transparent, #02080b);
  position: absolute;
  inset: 0;
  top: -50%;
  height: 100vh;
}
.item-page .itempagecontainer .articlebody .item-image img {
  object-fit: cover;
  max-width: 100% !important;
}
.item-page .itempagecontainer .articlebody .article-container {
  width: min(90%, 80rem);
  padding: 4em 0;
}
.item-page.Servers .article-container,
.item-page.narrow .article-container {
  width: min(90%, 60rem) !important;
  background: #02080b;
}
.item-page.narrow .itempagecontainer .page-header {
  justify-content: center;
}
.item-page.narrow .itempagecontainer .page-header h2 {
  width: 100%;
  line-height: 1;
  text-align: left;
}
@media (min-width: 50rem) {
  .item-page.narrow .itempagecontainer .page-header h2 {
    width: 75%;
  }
}
.item-page.narrow .article-container {
  margin: 5em 0 0 0;
  padding: 3em !important;
}
.item-page.demos div[itemprop="articleBody"] {
  background: #02080b;
  padding: 1em 2em;
}
.item-page.demos div[itemprop="articleBody"] > table {
  display: flex;
}
.item-page.demos div[itemprop="articleBody"] > table tbody {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.item-page.demos div[itemprop="articleBody"] > table tbody tr {
  display: grid;
  grid-template-areas: "modified fileSize" "fileName fileName";
  grid-template-columns: 10em auto auto;
  justify-content: flex-start;
  gap: 1em 0;
  width: 100%;
}
.item-page.demos div[itemprop="articleBody"] > table tbody tr:first-of-type {
  display: none;
}
@media (min-width: 50rem) {
  .item-page.demos div[itemprop="articleBody"] > table tbody tr:first-of-type {
    display: grid;
  }
}
@media (min-width: 50rem) {
  .item-page.demos div[itemprop="articleBody"] > table tbody tr {
    grid-template-columns: 20% 15% 1fr;
    grid-template-areas: "modified fileSize fileName";
    gap: 1em;
  }
}
.item-page.demos div[itemprop="articleBody"] > table tbody tr > * {
  width: 100%;
  text-align: left;
}
.item-page.demos div[itemprop="articleBody"] > table tbody tr td:first-of-type {
  grid-area: fileName;
  word-break: break-word;
}
.item-page.demos div[itemprop="articleBody"] > table tbody tr td:first-of-type a {
  position: relative;
  color: #0082b3;
  text-decoration: none;
}
.item-page.demos div[itemprop="articleBody"] > table tbody tr td:first-of-type a:hover {
  color: #00baff;
}
.item-page.demos div[itemprop="articleBody"] > table tbody tr td:first-of-type a::before {
  content: "\f56d";
  margin-right: .5em;
  font-family: "Font Awesome 5 Pro";
}
.item-page.demos div[itemprop="articleBody"] > table tbody tr td:nth-of-type(2) {
  grid-area: fileSize;
}
.item-page.demos div[itemprop="articleBody"] > table tbody tr td:last-of-type {
  grid-area: modified;
}
.item-page.discord .textbody {
  display: flex;
  flex-direction: column;
  gap: 5em;
}
@media (min-width: 50rem) {
  .item-page.discord .textbody {
    flex-direction: row;
  }
  .item-page.discord .textbody > * {
    flex-basis: 100%;
  }
}
.item-page.discord .textbody iframe {
  width: min(100%, 35rem);
}
.item-page.commands .article-container .contact-category {
  background: #02080b;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3rem 0;
  margin-bottom: 5rem;
}
.item-page.commands .article-container .contact-category:last-of-type {
  margin-bottom: 0;
}
.item-page.commands .article-container .contact-category form {
  display: flex;
  justify-content: center;
}
.item-page.commands .article-container .contact-category form > p {
  width: calc(100% - 2rem);
}
.item-page.commands .article-container .contact-category > * {
  width: calc(100% - 4rem);
}
.item-page.commands .article-container .contact-category h2 {
  margin: 0;
  padding: 0 1rem;
}
.item-page.commands .article-container .contact-category .category {
  display: flex;
  flex-direction: column;
  border: 0 none;
  padding: 0 1rem;
  padding-bottom: 0;
  width: 100%;
  margin: 0;
}
.item-page.commands .article-container .contact-category .category .row-fluid {
  padding: 0;
}
.item-page.commands .article-container .contact-category .category .row-fluid:not(:last-of-type) {
  border-bottom: 2px solid #081a24;
}
.item-page.commands .article-container .contact-category .category .fields-container {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 50rem) {
  .item-page.commands .article-container .contact-category .category .fields-container {
    grid-template-columns: 10rem 10rem 1fr;
  }
}
@media (min-width: 80rem) {
  .item-page.commands .article-container .contact-category .category .fields-container {
    grid-template-columns: 15rem 15rem 1fr;
  }
}
.item-page.commands .article-container .contact-category .category .fields-container dd,
.item-page.commands .article-container .contact-category .category .fields-container dt {
  margin: 0;
  padding: 0;
}
.item-page.commands .article-container .contact-category .category .fields-container dd {
  padding: 0 0 1.75rem 0;
}
@media (min-width: 50rem) {
  .item-page.commands .article-container .contact-category .category .fields-container dd {
    padding: 1.75rem 0;
  }
}
.item-page.commands .article-container .contact-category .category .fields-container dd.header {
  display: none;
  border-bottom: 2px solid #081a24;
}
@media (min-width: 50rem) {
  .item-page.commands .article-container .contact-category .category .fields-container dd.header {
    display: flex;
  }
}
.item-page.commands .article-container .contact-category .category .fields-container dd.row * {
  color: #999999;
  font-size: 1rem;
  line-height: 1.5;
}
@media (min-width: 36rem) {
  .item-page.commands .article-container .contact-category .category .fields-container dd.row * {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
@media (min-width: 50rem) {
  .item-page.commands .article-container .contact-category .category .fields-container dt {
    display: none;
  }
}
.item-page.servers {
  width: 100%;
}
.item-page.servers .itempagecontainer .page-header {
  position: relative;
}
.item-page.servers .itempagecontainer .page-header h2 {
  line-height: 1;
  font-size: clamp(2rem, 10vw, 2.75rem);
}
.item-page.servers .articlebody {
  width: 100%;
}
.item-page.servers .articlebody > .article-container {
  background: rgba(2, 8, 11, 0.35);
  margin-top: 4rem;
  margin-bottom: 4rem;
  padding: 3em 2em;
  display: flex;
  justify-content: flex-start;
  position: relative;
  isolation: isolate;
}
.item-page.servers .articlebody > .article-container div[itemprop="articleBody"] {
  margin-bottom: 2em;
}
.item-page.servers .textbody {
  width: 100%;
}
.item-page.servers .item-image {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.item-page.servers .item-image .img-itslf {
  height: 100%;
  width: 100%;
  display: flex;
  object-fit: cover;
}
.item-page.servers .item-image .img-itslf img {
  width: 100%;
}
.item-page.servers .field-entry.xlrstatslink {
  margin: 0 !important;
}
.item-page.servers .field-entry.xlrstatslink a:first-of-type {
  display: none;
}
.item-page.servers .field-entry.currentlyplaying {
  display: flex !important;
  margin-top: 3rem;
  border-top: 2px solid #081e28;
}
.item-page.servers .field-entry.currentlyplaying .field-label {
  line-height: 1;
  font-size: clamp(2rem, 10vw, 2.75rem);
  font-weight: bold;
  text-transform: uppercase;
  font-size: clamp(2.25rem, 4vw, 2.5rem);
  margin-bottom: .15em;
  color: #cccccc;
}
.item-page.login,
.item-page.register {
  width: 100%;
  min-height: 40rem;
  display: flex;
  justify-content: center;
}
.item-page.login .cbRegistrationTitle,
.item-page.register .cbRegistrationTitle {
  display: none;
}
.item-page.login .itempagecontainer,
.item-page.register .itempagecontainer {
  width: min(90%, 45rem);
  background: #02080b;
  position: relative;
  padding: 0 1.5rem;
}
@media (min-width: 36rem) {
  .item-page.login .itempagecontainer,
  .item-page.register .itempagecontainer {
    padding: 0 3rem;
  }
}
@media (min-width: 62rem) {
  .item-page.login .itempagecontainer,
  .item-page.register .itempagecontainer {
    justify-content: center;
    padding: 0 4rem;
  }
}
.item-page.login .page-header,
.item-page.register .page-header {
  height: auto !important;
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  padding-top: 2em;
}
.item-page.login .page-header h2,
.item-page.register .page-header h2 {
  font-size: 2.25rem !important;
  line-height: 1;
}
.item-page.login .item-image,
.item-page.register .item-image {
  position: fixed !important;
  max-height: none !important;
  z-index: -1;
  width: 100vw;
  inset: 0;
}
.item-page.login .item-image .overlay,
.item-page.register .item-image .overlay {
  display: none;
}
.item-page.login .item-image > .img-itslf,
.item-page.register .item-image > .img-itslf {
  display: flex;
  position: absolute;
  filter: blur(10px);
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
}
.item-page.login .article-container,
.item-page.register .article-container {
  width: 100% !important;
  padding: 2em 0 !important;
}
.item-page.login .article-container #registrationTable,
.item-page.register .article-container #registrationTable {
  display: grid;
  grid-template-areas: "names" "mailpw" "buttons";
}
.item-page.login .article-container #registrationTable .cbFieldsContentsTab:first-of-type,
.item-page.register .article-container #registrationTable .cbFieldsContentsTab:first-of-type {
  grid-area: mailpw;
}
.item-page.login .article-container #registrationTable .cbFieldsContentsTab:last-of-type,
.item-page.register .article-container #registrationTable .cbFieldsContentsTab:last-of-type {
  grid-area: names;
}
.item-page.login .article-container #registrationTable .cbRegistrationButtons,
.item-page.register .article-container #registrationTable .cbRegistrationButtons {
  grid-area: buttons;
}
.moduletable.login .userdata .cbRegistrationButtons input,
.moduletable.login #registrationTable .cbRegistrationButtons input {
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
}
.moduletable.login .userdata .cbRegistrationButtons input:hover,
.moduletable.login #registrationTable .cbRegistrationButtons input:hover {
  color: #cccccc;
  cursor: pointer;
}
.moduletable.login .userdata .cbRegistrationButtons input.cbRegistrationSubmit,
.moduletable.login #registrationTable .cbRegistrationButtons input.cbRegistrationSubmit {
  background: #529930;
  color: white !important;
}
.moduletable.login .userdata .cbRegistrationButtons input.cbRegistrationSubmit:hover,
.moduletable.login #registrationTable .cbRegistrationButtons input.cbRegistrationSubmit:hover {
  background: #3e7324;
}
.moduletable.login .userdata .cbRegistrationButtons input:hover,
.moduletable.login #registrationTable .cbRegistrationButtons input:hover {
  cursor: pointer;
}
.moduletable.login .userdata .control-group,
.moduletable.login #registrationTable .control-group,
.moduletable.login .userdata .form-group,
.moduletable.login #registrationTable .form-group {
  margin-bottom: 1em;
  position: relative;
}
.moduletable.login .userdata .control-group label,
.moduletable.login #registrationTable .control-group label,
.moduletable.login .userdata .form-group label,
.moduletable.login #registrationTable .form-group label {
  font-size: 1rem;
  font-family: montserrat, sans-serif;
  color: #cccccc;
  display: flex;
  margin-bottom: .5em;
}
.moduletable.login .userdata .control-group .cbValidationMessage.invalid-feedback,
.moduletable.login #registrationTable .control-group .cbValidationMessage.invalid-feedback,
.moduletable.login .userdata .form-group .cbValidationMessage.invalid-feedback,
.moduletable.login #registrationTable .form-group .cbValidationMessage.invalid-feedback {
  font-size: .85rem;
  font-family: montserrat, sans-serif;
  color: #cc0000;
}
.moduletable.login .userdata .control-group .cbFieldIcons,
.moduletable.login #registrationTable .control-group .cbFieldIcons,
.moduletable.login .userdata .form-group .cbFieldIcons,
.moduletable.login #registrationTable .form-group .cbFieldIcons {
  color: #999999;
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 36rem) {
  .moduletable.login .userdata .control-group .cbFieldIcons,
  .moduletable.login #registrationTable .control-group .cbFieldIcons,
  .moduletable.login .userdata .form-group .cbFieldIcons,
  .moduletable.login #registrationTable .form-group .cbFieldIcons {
    position: relative;
  }
}
.moduletable.login .userdata .control-group#form-login-remember,
.moduletable.login #registrationTable .control-group#form-login-remember,
.moduletable.login .userdata .form-group#form-login-remember,
.moduletable.login #registrationTable .form-group#form-login-remember {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.moduletable.login .userdata .control-group > .controls,
.moduletable.login #registrationTable .control-group > .controls,
.moduletable.login .userdata .form-group > .controls,
.moduletable.login #registrationTable .form-group > .controls,
.moduletable.login .userdata .control-group .cb_field,
.moduletable.login #registrationTable .control-group .cb_field,
.moduletable.login .userdata .form-group .cb_field,
.moduletable.login #registrationTable .form-group .cb_field {
  display: flex;
  flex-direction: column;
}
.moduletable.login .userdata .control-group > .controls input,
.moduletable.login #registrationTable .control-group > .controls input,
.moduletable.login .userdata .form-group > .controls input,
.moduletable.login #registrationTable .form-group > .controls input,
.moduletable.login .userdata .control-group .cb_field input,
.moduletable.login #registrationTable .control-group .cb_field input,
.moduletable.login .userdata .form-group .cb_field input,
.moduletable.login #registrationTable .form-group .cb_field input,
.moduletable.login .userdata .control-group > .controls button,
.moduletable.login #registrationTable .control-group > .controls button,
.moduletable.login .userdata .form-group > .controls button,
.moduletable.login #registrationTable .form-group > .controls button,
.moduletable.login .userdata .control-group .cb_field button,
.moduletable.login #registrationTable .control-group .cb_field button,
.moduletable.login .userdata .form-group .cb_field button,
.moduletable.login #registrationTable .form-group .cb_field button {
  width: min(90%, 20rem);
}
.moduletable.login .userdata .control-group > .controls input,
.moduletable.login #registrationTable .control-group > .controls input,
.moduletable.login .userdata .form-group > .controls input,
.moduletable.login #registrationTable .form-group > .controls input,
.moduletable.login .userdata .control-group .cb_field input,
.moduletable.login #registrationTable .control-group .cb_field input,
.moduletable.login .userdata .form-group .cb_field input,
.moduletable.login #registrationTable .form-group .cb_field input {
  margin-top: .5em;
  background: rgba(1, 5, 6, 0.75);
  border: 1px solid #0d2d3d;
  color: #999999;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  padding: .5em 1em;
  width: 100%;
}
@media (min-width: 36rem) {
  .moduletable.login .userdata .control-group > .controls input,
  .moduletable.login #registrationTable .control-group > .controls input,
  .moduletable.login .userdata .form-group > .controls input,
  .moduletable.login #registrationTable .form-group > .controls input,
  .moduletable.login .userdata .control-group .cb_field input,
  .moduletable.login #registrationTable .control-group .cb_field input,
  .moduletable.login .userdata .form-group .cb_field input,
  .moduletable.login #registrationTable .form-group .cb_field input {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.moduletable.login .userdata .control-group > .controls input:focus,
.moduletable.login #registrationTable .control-group > .controls input:focus,
.moduletable.login .userdata .form-group > .controls input:focus,
.moduletable.login #registrationTable .form-group > .controls input:focus,
.moduletable.login .userdata .control-group .cb_field input:focus,
.moduletable.login #registrationTable .control-group .cb_field input:focus,
.moduletable.login .userdata .form-group .cb_field input:focus,
.moduletable.login #registrationTable .form-group .cb_field input:focus {
  outline: 0;
  border: 1px solid #278abc;
}
.moduletable.login .userdata .control-group > .controls input option,
.moduletable.login #registrationTable .control-group > .controls input option,
.moduletable.login .userdata .form-group > .controls input option,
.moduletable.login #registrationTable .form-group > .controls input option,
.moduletable.login .userdata .control-group .cb_field input option,
.moduletable.login #registrationTable .control-group .cb_field input option,
.moduletable.login .userdata .form-group .cb_field input option,
.moduletable.login #registrationTable .form-group .cb_field input option,
.moduletable.login .userdata .control-group > .controls input optgroup,
.moduletable.login #registrationTable .control-group > .controls input optgroup,
.moduletable.login .userdata .form-group > .controls input optgroup,
.moduletable.login #registrationTable .form-group > .controls input optgroup,
.moduletable.login .userdata .control-group .cb_field input optgroup,
.moduletable.login #registrationTable .control-group .cb_field input optgroup,
.moduletable.login .userdata .form-group .cb_field input optgroup,
.moduletable.login #registrationTable .form-group .cb_field input optgroup {
  color: white;
}
@media (min-width: 36rem) {
  .moduletable.login .userdata .control-group > .controls input,
  .moduletable.login #registrationTable .control-group > .controls input,
  .moduletable.login .userdata .form-group > .controls input,
  .moduletable.login #registrationTable .form-group > .controls input,
  .moduletable.login .userdata .control-group .cb_field input,
  .moduletable.login #registrationTable .control-group .cb_field input,
  .moduletable.login .userdata .form-group .cb_field input,
  .moduletable.login #registrationTable .form-group .cb_field input {
    width: min(90%, 20rem);
  }
}
.moduletable.login .userdata .control-group > .controls button,
.moduletable.login #registrationTable .control-group > .controls button,
.moduletable.login .userdata .form-group > .controls button,
.moduletable.login #registrationTable .form-group > .controls button,
.moduletable.login .userdata .control-group .cb_field button,
.moduletable.login #registrationTable .control-group .cb_field button,
.moduletable.login .userdata .form-group .cb_field button,
.moduletable.login #registrationTable .form-group .cb_field button {
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  box-shadow: none;
  border: 0 none;
  width: 100%;
}
.moduletable.login .userdata .control-group > .controls button:hover,
.moduletable.login #registrationTable .control-group > .controls button:hover,
.moduletable.login .userdata .form-group > .controls button:hover,
.moduletable.login #registrationTable .form-group > .controls button:hover,
.moduletable.login .userdata .control-group .cb_field button:hover,
.moduletable.login #registrationTable .control-group .cb_field button:hover,
.moduletable.login .userdata .form-group .cb_field button:hover,
.moduletable.login #registrationTable .form-group .cb_field button:hover {
  color: #cccccc;
  cursor: pointer;
}
@media (min-width: 36rem) {
  .moduletable.login .userdata .control-group > .controls button,
  .moduletable.login #registrationTable .control-group > .controls button,
  .moduletable.login .userdata .form-group > .controls button,
  .moduletable.login #registrationTable .form-group > .controls button,
  .moduletable.login .userdata .control-group .cb_field button,
  .moduletable.login #registrationTable .control-group .cb_field button,
  .moduletable.login .userdata .form-group .cb_field button,
  .moduletable.login #registrationTable .form-group .cb_field button {
    width: min(90%, 20rem);
  }
}
.moduletable.login .userdata .control-group > .controls button.login-button,
.moduletable.login #registrationTable .control-group > .controls button.login-button,
.moduletable.login .userdata .form-group > .controls button.login-button,
.moduletable.login #registrationTable .form-group > .controls button.login-button,
.moduletable.login .userdata .control-group .cb_field button.login-button,
.moduletable.login #registrationTable .control-group .cb_field button.login-button,
.moduletable.login .userdata .form-group .cb_field button.login-button,
.moduletable.login #registrationTable .form-group .cb_field button.login-button {
  background: #529930;
  color: white !important;
}
.moduletable.login .userdata .control-group > .controls button.login-button:hover,
.moduletable.login #registrationTable .control-group > .controls button.login-button:hover,
.moduletable.login .userdata .form-group > .controls button.login-button:hover,
.moduletable.login #registrationTable .form-group > .controls button.login-button:hover,
.moduletable.login .userdata .control-group .cb_field button.login-button:hover,
.moduletable.login #registrationTable .control-group .cb_field button.login-button:hover,
.moduletable.login .userdata .form-group .cb_field button.login-button:hover,
.moduletable.login #registrationTable .form-group .cb_field button.login-button:hover {
  background: #3e7324;
}
.moduletable.login .userdata .control-group > .controls button:hover,
.moduletable.login #registrationTable .control-group > .controls button:hover,
.moduletable.login .userdata .form-group > .controls button:hover,
.moduletable.login #registrationTable .form-group > .controls button:hover,
.moduletable.login .userdata .control-group .cb_field button:hover,
.moduletable.login #registrationTable .control-group .cb_field button:hover,
.moduletable.login .userdata .form-group .cb_field button:hover,
.moduletable.login #registrationTable .form-group .cb_field button:hover {
  cursor: pointer;
}
.moduletable.login #form-login-links {
  display: flex;
  justify-content: flex-end;
  list-style: none;
  padding: 0;
  margin: 5em 0 0 0;
}
.moduletable.login #form-login-links > li {
  position: relative;
}
.moduletable.login #form-login-links > li a {
  font-size: .95rem;
  font-family: montserrat, sans-serif;
  color: #737373;
  text-decoration: none;
  transition: color 300ms linear;
}
.moduletable.login #form-login-links > li a:hover {
  color: #c0c0c0;
}
.moduletable.login #form-login-links > li:last-of-type {
  margin-left: 1em;
  padding-left: 1em;
}
.moduletable.login #form-login-links > li:last-of-type::before {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 2px;
  background: #5a5a5a;
}
.cbLostPassForm {
  margin-top: 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(90%, 60rem);
}
.cbLostPassForm form {
  background: #02080b;
  width: calc(100% - 4rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2em 0;
}
.cbLostPassForm form > * {
  width: calc(100% - 4rem);
}
.cbLostPassForm form > * label {
  font-size: 1rem;
  font-family: montserrat, sans-serif;
  color: #cccccc;
  display: flex;
  margin-bottom: .5em;
}
.cbLostPassForm form > * * {
  color: #999999;
  font-size: 1rem;
  line-height: 1.5;
  font-family: montserrat, sans-serif;
}
@media (min-width: 36rem) {
  .cbLostPassForm form > * * {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.cbLostPassForm form > * .form-check {
  display: flex;
}
.cbLostPassForm form > *.form-group {
  margin-top: 1em;
}
.cbLostPassForm form > * input[type="text"] {
  background: rgba(1, 5, 6, 0.75);
  border: 1px solid #0d2d3d;
  color: #999999;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  padding: .5em 1em;
  width: 100%;
}
@media (min-width: 36rem) {
  .cbLostPassForm form > * input[type="text"] {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.cbLostPassForm form > * input[type="text"]:focus {
  outline: 0;
  border: 1px solid #278abc;
}
.cbLostPassForm form > * input[type="text"] option,
.cbLostPassForm form > * input[type="text"] optgroup {
  color: white;
}
.cbLostPassForm form > * input[type="submit"] {
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
}
.cbLostPassForm form > * input[type="submit"]:hover {
  color: #cccccc;
  cursor: pointer;
}
.cbLostPassForm form > * input[type="submit"]:not([disabled]) {
  background: #529930;
  color: white !important;
}
.cbLostPassForm form > * input[type="submit"]:not([disabled]):hover {
  background: #3e7324;
}
.forum-image {
  position: relative;
  min-height: fit-content;
  height: fit-content;
  max-height: 20rem;
  width: 100%;
  overflow: hidden;
}
.forum-image .gradient-overlay {
  top: -50%;
}
.forum-image .containerThis {
  display: none;
}
.forum-image .moduletable .banneritem {
  display: flex;
  justify-content: center;
  align-items: center;
}
.forum-image .moduletable .banneritem img {
  min-height: 20rem;
  object-fit: cover;
}
.forum-image > * {
  display: flex;
  flex: 1;
}
.forum-image .overlay {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 50%;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: min(90%, 80rem);
  transform: translateX(-50%);
}
.forum-image .overlay .cb-page-header {
  display: flex;
  justify-content: center;
}
.forum-image .overlay .cb-page-header h3 {
  text-shadow: 0 0 5px #040e13;
}
.forum-image .overlay .forumtitle,
.forum-image .overlay .pmMessagesTitle,
.forum-image .overlay .pmMessageEditTitle,
.forum-image .overlay .cb-page-header {
  margin-top: 3rem;
}
.forum-image .overlay .forumtitle.frontpage,
.forum-image .overlay .pmMessagesTitle.frontpage,
.forum-image .overlay .pmMessageEditTitle.frontpage,
.forum-image .overlay .cb-page-header.frontpage {
  margin-top: 0;
}
.forum-image .overlay .forumtitle.frontpage h1,
.forum-image .overlay .pmMessagesTitle.frontpage h1,
.forum-image .overlay .pmMessageEditTitle.frontpage h1,
.forum-image .overlay .cb-page-header.frontpage h1 {
  color: #ffffff;
  font-size: 2rem;
}
@media (min-width: 36rem) {
  .forum-image .overlay .forumtitle.frontpage h1,
  .forum-image .overlay .pmMessagesTitle.frontpage h1,
  .forum-image .overlay .pmMessageEditTitle.frontpage h1,
  .forum-image .overlay .cb-page-header.frontpage h1 {
    font-size: clamp(2rem, 10vw, 3rem);
  }
}
.forum-image .overlay .forumtitle h3,
.forum-image .overlay .pmMessagesTitle h3,
.forum-image .overlay .pmMessageEditTitle h3,
.forum-image .overlay .cb-page-header h3 {
  color: #ffffff;
  font-size: 2rem;
}
@media (min-width: 36rem) {
  .forum-image .overlay .forumtitle h3,
  .forum-image .overlay .pmMessagesTitle h3,
  .forum-image .overlay .pmMessageEditTitle h3,
  .forum-image .overlay .cb-page-header h3 {
    font-size: clamp(2rem, 10vw, 3rem);
  }
}
.forum-image .overlay .forumtitle.frontpage + .section-name {
  display: none;
}
.forum-image .overlay .pmMessagesTitle,
.forum-image .overlay .pmMessageEditTitle {
  place-content: center;
}
.forum-image .overlay .hide-mobile {
  display: none;
}
.forum-image .overlay .topicIconsDiv {
  display: flex;
  align-items: center;
}
@media (max-width: 49.9999rem) {
  .forum-image .overlay .topicIconsDiv {
    margin-top: 1em;
  }
}
.forum-image .overlay .topicIconsDiv i {
  margin-right: .5em;
}
.forum-image .overlay > * {
  display: grid;
  place-content: flex-start;
}
.forum-image .overlay > * > h1 {
  display: flex;
  justify-content: flex-start;
  margin: 0;
  margin-top: 1em;
}
.forum-image .overlay > * > h1 span {
  font-size: 2rem;
  color: #ffffff;
}
@media (min-width: 36rem) {
  .forum-image .overlay > * > h1 span {
    font-size: clamp(2rem, 10vw, 3rem);
  }
}
.forum-image .overlay > * > h1.recents {
  flex-direction: column;
}
.forum-image .overlay .kfrontend {
  margin: 0;
}
.forum-image .overlay .kfrontend > .table {
  padding: 0em !important;
  background: 0 none;
}
.forum-image .overlay .catDescription {
  font-family: montserrat, sans-serif;
  color: #cccccc;
  position: relative;
  padding-left: 3em;
}
.forum-image .overlay .catDescription::before {
  content: "";
  position: absolute;
  height: 2px;
  width: 2.25em;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #cccccc;
}
.forum-image .overlay img {
  width: 100%;
  max-width: 100%;
  min-height: 20rem;
}
.forum-image.register,
.forum-image.login {
  position: fixed;
  inset: 0;
  height: 100vh;
  max-height: unset;
}
.forum-image.register .moduletable,
.forum-image.login .moduletable {
  height: 100%;
}
.forum-image.register .moduletable .banneritem,
.forum-image.login .moduletable .banneritem {
  height: 100%;
}
.forum-image.register .moduletable .banneritem img,
.forum-image.login .moduletable .banneritem img {
  max-width: unset;
  filter: blur(10px);
}
.forum-image.register .gradient-overlay,
.forum-image.login .gradient-overlay {
  display: none;
}
.usermenu {
  display: flex;
  justify-content: center;
  width: 100%;
  border-bottom: 1px solid #09212c;
  position: relative;
}
.usermenu .container {
  width: min(90%, 80rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.usermenu .container .profile-name {
  color: #999999;
  font-size: 1rem;
  font-family: montserrat, sans-serif;
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 1em 0;
}
@media (min-width: 62rem) {
  .usermenu .container .profile-name {
    width: max-content;
    padding: 0;
  }
}
.usermenu .container .profile-name .menu-icons {
  display: flex;
}
@media (min-width: 62rem) {
  .usermenu .container .profile-name .menu-icons {
    display: none;
  }
}
.usermenu .container .profile-name .menu-icons:hover {
  cursor: pointer;
}
.usermenu .container .profile-stuff {
  display: none;
}
@media (min-width: 62rem) {
  .usermenu .container .profile-stuff {
    display: flex;
  }
}
.usermenu .container ul {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.usermenu .container ul li:hover a {
  color: #cccccc;
}
.usermenu .container ul li:not(:first-of-type) {
  border-left: 1px solid #09212c;
}
.usermenu .container ul li.active a {
  color: #cccccc;
}
.usermenu .container ul li a {
  display: flex;
  text-decoration: none;
  color: #999999;
  font-size: .85rem;
  font-family: montserrat, sans-serif;
  padding: .75em 1em;
  border-right: 1px solid #09212c;
}
.usermenu .container ul li a:hover {
  color: #cccccc;
}
.usermenu.open .container {
  flex-direction: column;
}
.usermenu.open .profile-stuff {
  display: flex;
  position: relative;
  flex-direction: column;
  transform: translateY(0%);
  transform-origin: top;
  background: #02080b;
  width: 100%;
  visibility: visible;
  opacity: 1;
}
.usermenu.open .profile-stuff * {
  width: 100%;
}
.usermenu.open .profile-stuff .moduletable ul {
  flex-direction: column;
}
.usermenu.open .profile-stuff .moduletable ul li {
  border: 0 none;
  border-bottom: 2px solid #081a24;
}
.usermenu.open .profile-stuff .moduletable ul li a {
  padding: 1em;
  border: 0 none;
}
.field-entry.donations {
  margin: 2rem 0 0 0 !important;
}
.field-entry.donations .field-label {
  font-family: montserrat, sans-serif !important;
  color: #cccccc !important;
  display: flex !important;
  margin-bottom: .5em !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  font-weight: bold !important;
}
@media (min-width: 36rem) {
  .field-entry.donations .field-label {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.repeatable-field {
  display: flex;
  flex-direction: column;
  padding: 1rem 0;
}
.repeatable-field row {
  display: grid;
  grid-template-columns: 10rem 1fr;
  padding: 1em 0;
}
.repeatable-field row:not(:last-of-type) {
  border-bottom: 2px solid #081a24;
}
.repeatable-field row span {
  color: #999999;
  font-family: montserrat, sans-serif;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  margin-bottom: 0 !important;
}
@media (min-width: 36rem) {
  .repeatable-field row span {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.repeatable-field row span:first-of-type {
  font-size: 1rem;
  font-family: montserrat, sans-serif;
  color: #cccccc;
  display: flex;
  margin-bottom: .5em;
  font-weight: bold;
}
.cbRegistration,
.moduletable.login {
  width: min(90%, 45rem);
  background: #02080b;
  position: relative;
  padding: 1.5rem;
}
@media (min-width: 36rem) {
  .cbRegistration,
  .moduletable.login {
    padding: 1.5rem 3rem;
  }
}
@media (min-width: 62rem) {
  .cbRegistration,
  .moduletable.login {
    justify-content: center;
    padding: 2rem 4rem;
  }
}
.cbRegistrationIntro,
.cbLoginForm .pretext {
  font-size: 1rem;
  line-height: 1.5;
  font-family: montserrat, sans-serif;
  color: #999999;
  margin-bottom: 2em;
}
@media (min-width: 36rem) {
  .cbRegistrationIntro,
  .cbLoginForm .pretext {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
#registrationTable {
  display: grid;
  grid-template-areas: "names" "mailpw" "buttons";
}
#registrationTable .cbFieldsContentsTab:first-of-type {
  grid-area: mailpw;
}
#registrationTable .cbFieldsContentsTab:last-of-type {
  grid-area: names;
}
#registrationTable .cbRegistrationButtons {
  grid-area: buttons;
}
#registrationTable .cbRegistrationButtons input {
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
}
#registrationTable .cbRegistrationButtons input:hover {
  color: #cccccc;
  cursor: pointer;
}
#registrationTable .cbRegistrationButtons input.cbRegistrationSubmit {
  background: #529930;
  color: white !important;
}
#registrationTable .cbRegistrationButtons input.cbRegistrationSubmit:hover {
  background: #3e7324;
}
#registrationTable .cbRegistrationButtons input:hover {
  cursor: pointer;
}
#registrationTable .control-group,
#registrationTable .form-group {
  margin-bottom: 1em;
  position: relative;
}
#registrationTable .control-group label,
#registrationTable .form-group label {
  font-size: 1rem;
  font-family: montserrat, sans-serif;
  color: #cccccc;
  display: flex;
  margin-bottom: .5em;
}
#registrationTable .control-group .cbValidationMessage.invalid-feedback,
#registrationTable .form-group .cbValidationMessage.invalid-feedback {
  font-size: .85rem;
  font-family: montserrat, sans-serif;
  color: #cc0000;
}
#registrationTable .control-group .cbFieldIcons,
#registrationTable .form-group .cbFieldIcons {
  color: #999999;
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 36rem) {
  #registrationTable .control-group .cbFieldIcons,
  #registrationTable .form-group .cbFieldIcons {
    position: relative;
  }
}
#registrationTable .control-group#form-login-remember,
#registrationTable .form-group#form-login-remember {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
#registrationTable .control-group > .controls,
#registrationTable .form-group > .controls,
#registrationTable .control-group .cb_field,
#registrationTable .form-group .cb_field {
  display: flex;
  flex-direction: column;
}
#registrationTable .control-group > .controls input,
#registrationTable .form-group > .controls input,
#registrationTable .control-group .cb_field input,
#registrationTable .form-group .cb_field input,
#registrationTable .control-group > .controls button,
#registrationTable .form-group > .controls button,
#registrationTable .control-group .cb_field button,
#registrationTable .form-group .cb_field button {
  width: min(90%, 20rem);
}
#registrationTable .control-group > .controls input,
#registrationTable .form-group > .controls input,
#registrationTable .control-group .cb_field input,
#registrationTable .form-group .cb_field input {
  margin-top: .5em;
  background: rgba(1, 5, 6, 0.75);
  border: 1px solid #0d2d3d;
  color: #999999;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  padding: .5em 1em;
  width: 100%;
}
@media (min-width: 36rem) {
  #registrationTable .control-group > .controls input,
  #registrationTable .form-group > .controls input,
  #registrationTable .control-group .cb_field input,
  #registrationTable .form-group .cb_field input {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
#registrationTable .control-group > .controls input:focus,
#registrationTable .form-group > .controls input:focus,
#registrationTable .control-group .cb_field input:focus,
#registrationTable .form-group .cb_field input:focus {
  outline: 0;
  border: 1px solid #278abc;
}
#registrationTable .control-group > .controls input option,
#registrationTable .form-group > .controls input option,
#registrationTable .control-group .cb_field input option,
#registrationTable .form-group .cb_field input option,
#registrationTable .control-group > .controls input optgroup,
#registrationTable .form-group > .controls input optgroup,
#registrationTable .control-group .cb_field input optgroup,
#registrationTable .form-group .cb_field input optgroup {
  color: white;
}
@media (min-width: 36rem) {
  #registrationTable .control-group > .controls input,
  #registrationTable .form-group > .controls input,
  #registrationTable .control-group .cb_field input,
  #registrationTable .form-group .cb_field input {
    width: min(90%, 20rem);
  }
}
#registrationTable .control-group > .controls button,
#registrationTable .form-group > .controls button,
#registrationTable .control-group .cb_field button,
#registrationTable .form-group .cb_field button {
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  box-shadow: none;
  border: 0 none;
  width: 100%;
}
#registrationTable .control-group > .controls button:hover,
#registrationTable .form-group > .controls button:hover,
#registrationTable .control-group .cb_field button:hover,
#registrationTable .form-group .cb_field button:hover {
  color: #cccccc;
  cursor: pointer;
}
@media (min-width: 36rem) {
  #registrationTable .control-group > .controls button,
  #registrationTable .form-group > .controls button,
  #registrationTable .control-group .cb_field button,
  #registrationTable .form-group .cb_field button {
    width: min(90%, 20rem);
  }
}
#registrationTable .control-group > .controls button.login-button,
#registrationTable .form-group > .controls button.login-button,
#registrationTable .control-group .cb_field button.login-button,
#registrationTable .form-group .cb_field button.login-button {
  background: #529930;
  color: white !important;
}
#registrationTable .control-group > .controls button.login-button:hover,
#registrationTable .form-group > .controls button.login-button:hover,
#registrationTable .control-group .cb_field button.login-button:hover,
#registrationTable .form-group .cb_field button.login-button:hover {
  background: #3e7324;
}
#registrationTable .control-group > .controls button:hover,
#registrationTable .form-group > .controls button:hover,
#registrationTable .control-group .cb_field button:hover,
#registrationTable .form-group .cb_field button:hover {
  cursor: pointer;
}
.textbody .show-element #all:not(:last-of-type) {
  margin-bottom: 5rem;
}
.cbUserListHead,
.cbPoweredBy {
  display: none;
}
#all .cbUsersList {
  width: 100% !important;
  margin-top: 0 !important;
}
.cbUsersList {
  width: min(90%, 80rem);
  margin-top: 5rem;
}
.cbUsersList .cbUserListTitle > h3 {
  color: #ffffff;
  margin-bottom: .25em;
  font-size: 1rem;
  font-family: montserrat, sans-serif;
  color: #cccccc;
  display: flex;
  margin-bottom: .5em;
  font-size: 1.5em;
}
.cbUsersList #cbUserTable .cbUserListRow {
  background: #02080b;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cbUsersList #cbUserTable .cbUserListRow + .cbUserListRow .cbCanvasLayout {
  border-top: 2px solid #081a24;
}
.cbUsersList #cbUserTable .cbUserListRow:hover .cbUserListRowColumn:not(:first-of-type) .cbUserListFieldTitle + .cbListFieldCont {
  color: #cccccc;
}
.cbUsersList #cbUserTable .cbUserListRow:hover .cbUserListRowColumn:not(:first-of-type) .cbUserListFieldTitle + .cbListFieldCont * {
  color: #cccccc;
}
.cbUsersList #cbUserTable .cbUserListRow .cbUserListFieldTitle {
  display: none;
}
.cbUsersList #cbUserTable .cbUserListRow:is(:first-of-type) .cbUserListFieldTitle {
  border-bottom: 2px solid #06141b;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #cccccc;
  display: flex;
  align-items: center;
  height: 4rem;
  width: 100%;
  position: absolute;
  top: 1.5rem;
  left: 0;
  pointer-events: none;
}
.cbUsersList #cbUserTable .cbUserListRow:is(:first-of-type) .cbUserListFieldTitle.cbUserListFT_onlinestatus span {
  display: none;
}
@media (min-width: 50rem) {
  .cbUsersList #cbUserTable .cbUserListRow:is(:first-of-type) .cbUserListFieldTitle.cbUserListFT_onlinestatus span {
    display: flex;
  }
}
.cbUsersList #cbUserTable .cbUserListRow:is(:first-of-type) .cbListFieldCont {
  padding-top: 7.5rem !important;
}
.cbUsersList #cbUserTable .cbCanvasLayoutBody {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cbUsersList #cbUserTable .cbCanvasLayout {
  width: calc(100% - 4rem);
}
.cbUsersList #cbUserTable .cbCanvasLayoutContent {
  display: grid;
  grid-template-columns: 3rem repeat(1, 1fr);
  position: relative;
  width: 100%;
}
@media (min-width: 36rem) {
  .cbUsersList #cbUserTable .cbCanvasLayoutContent {
    grid-template-columns: 3rem repeat(2, 1fr);
  }
}
@media (min-width: 50rem) {
  .cbUsersList #cbUserTable .cbCanvasLayoutContent {
    grid-template-columns: repeat(4, 1fr);
  }
}
.cbUsersList #cbUserTable .cbCanvasLayoutContent a {
  color: #999999;
  font-size: clamp(1rem, 10vw, 1.125rem);
  font-family: montserrat, sans-serif;
  text-decoration: none;
}
.cbUsersList #cbUserTable .cbCanvasLayoutContent > * > * {
  width: 100%;
  display: flex;
  align-items: center;
}
.cbUsersList #cbUserTable .cbCanvasLayoutContent > .cbUserListRowColumn {
  display: flex;
  position: relative;
}
.cbUsersList #cbUserTable .cbCanvasLayoutContent > .cbUserListRowColumn .cbListFieldCont {
  color: #999999;
  font-size: clamp(1rem, 10vw, 1.125rem);
  font-family: montserrat, sans-serif;
  display: flex;
  padding: 1.75em 0;
}
.cbUsersList #cbUserTable .cbCanvasLayoutContent > .cbUserListRowColumn:nth-of-type(3),
.cbUsersList #cbUserTable .cbCanvasLayoutContent > .cbUserListRowColumn:last-of-type {
  display: none;
}
@media (min-width: 36rem) {
  .cbUsersList #cbUserTable .cbCanvasLayoutContent > .cbUserListRowColumn:last-of-type {
    display: flex;
  }
}
@media (min-width: 50rem) {
  .cbUsersList #cbUserTable .cbCanvasLayoutContent > .cbUserListRowColumn:nth-of-type(3) {
    display: flex;
  }
}
.cbUsersList #cbUserTable .cbCanvasLayoutContent > .cbUserListRowColumn > .cbUserListFL_onlinestatus {
  grid-area: status;
}
@media (max-width: 49.9999rem) {
  .cbUsersList #cbUserTable .cbCanvasLayoutContent > .cbUserListRowColumn > .cbUserListFL_onlinestatus {
    margin-right: .5em;
    margin-bottom: 0 !important;
  }
}
.cbUsersList #cbUserTable .cbCanvasLayoutContent > .cbUserListRowColumn > .cbUserListFL_onlinestatus .cbListFieldCont > span {
  border-radius: 50%;
  color: #fff;
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
}
@media (min-width: 36rem) {
  .cbUsersList #cbUserTable .cbCanvasLayoutContent > .cbUserListRowColumn > .cbUserListFL_onlinestatus .cbListFieldCont > span {
    margin-left: .5em;
  }
}
@media (min-width: 50rem) {
  .cbUsersList #cbUserTable .cbCanvasLayoutContent > .cbUserListRowColumn > .cbUserListFL_onlinestatus .cbListFieldCont > span {
    font-size: clamp(1rem, 10vw, 1.125rem);
    padding: .35em .75em;
    border-radius: 10em;
    margin-left: 0;
    height: fit-content;
    width: 7rem;
    justify-content: center;
  }
}
.cbUsersList #cbUserTable .cbCanvasLayoutContent > .cbUserListRowColumn > .cbUserListFL_onlinestatus .cbListFieldCont > span > span {
  display: none;
}
@media (min-width: 50rem) {
  .cbUsersList #cbUserTable .cbCanvasLayoutContent > .cbUserListRowColumn > .cbUserListFL_onlinestatus .cbListFieldCont > span > span + span {
    display: inline;
  }
}
.cbUsersList #cbUserTable .cbCanvasLayoutContent > .cbUserListRowColumn > .cbUserListFL_onlinestatus .cbListFieldCont .cb_online {
  background: #529930;
}
.cbUsersList #cbUserTable .cbCanvasLayoutContent > .cbUserListRowColumn > .cbUserListFL_onlinestatus .cbListFieldCont .cb_offline {
  background: #cc0000;
}
.cbUserListPagination {
  display: flex;
  justify-content: flex-end;
  margin-top: 1em;
}
.cbUserListPagination .cbPagination ul {
  display: flex;
  margin: 0;
  padding: 0;
}
.cbUserListPagination .cbPagination ul > * {
  display: inline-flex;
  border: 1px solid rgba(77, 77, 77, 0.75);
  align-items: center;
  justify-content: center;
  position: relative;
}
.cbUserListPagination .cbPagination ul > * a {
  color: #cccccc;
  padding: .5em 1em;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.cbUserListPagination .cbPagination ul > *.active,
.cbUserListPagination .cbPagination ul > *:not(.disabled):hover,
.cbUserListPagination .cbPagination ul > *:focus {
  background: rgba(38, 38, 38, 0.75);
}
.cbUserListPagination .cbPagination ul > *.disabled a {
  opacity: .25;
}
.newsflash {
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
}
.newsflash > * {
  display: grid;
  background: #02080b;
  grid-template-areas: "image" "title" "text" "container";
  grid-template-columns: repeat(1, 1fr);
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
@media (min-width: 50rem) {
  .newsflash > * {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "title" "text" "container";
  }
}
.newsflash > * .titlenewsmod {
  grid-area: title;
}
.newsflash > * .titlenewsmod h3,
.newsflash > * .titlenewsmod h4 {
  margin-top: 0.5em;
  margin-bottom: 0;
  font-size: 1.85rem;
}
@media (min-width: 36rem) {
  .newsflash > * .titlenewsmod h3,
  .newsflash > * .titlenewsmod h4 {
    font-size: clamp(1.85rem, 10vw, 2.5rem);
  }
}
.newsflash > * .titlenewsmod .pubdate {
  display: none;
}
.newsflash > * .fields-container {
  grid-area: container;
}
.newsflash > * .newsflash-image {
  grid-area: image;
  padding: 0;
  margin: 0;
  min-height: 20em;
  position: relative;
  opacity: .35;
  display: flex;
  height: 100%;
  width: 100%;
  object-fit: cover;
  grid-row: 1 / 2;
  grid-column:  1 / 2;
}
@media (min-width: 50rem) {
  .newsflash > * .newsflash-image {
    grid-row: 1 / 4;
    grid-column:  2 / 3;
  }
}
.newsflash > * .newsflash-image img {
  object-fit: cover;
  width: 100%;
}
.newsflash > * .newsflashtext,
.newsflash > * .titlenewsmod,
.newsflash > * .fields-container {
  padding: 1em 2em;
  grid-column: 1 / 2;
}
.newsflash > *:nth-of-type(2n+2) .newsflash-image {
  grid-column: 1 / 2;
}
.newsflash > *:nth-of-type(2n+2) .newsflashtext,
.newsflash > *:nth-of-type(2n+2) .titlenewsmod,
.newsflash > *:nth-of-type(2n+2) .fields-container {
  grid-column: 1 / 2;
}
@media (min-width: 50rem) {
  .newsflash > *:nth-of-type(2n+2) .newsflashtext,
  .newsflash > *:nth-of-type(2n+2) .titlenewsmod,
  .newsflash > *:nth-of-type(2n+2) .fields-container {
    grid-column: 2 / 3;
  }
}
.newsflash > * .newsflashtext {
  grid-area: text;
  margin-bottom: 1em;
}
.newsflash > * .newsflash-title a {
  color: #ffffff;
  text-decoration: none;
}
.newsflash > * .newsflash-title a:hover {
  color: #cccccc;
}
.newsflash > * .field-entry {
  margin: .5em 0 0 0 !important;
}
.newsflash > * .field-entry.xlrstatslink {
  margin-top: 2em !important;
  display: flex !important;
}
.newsflash > * .field-entry.xlrstatslink > .field-value {
  justify-content: flex-start;
  display: flex;
}
.newsflash > * .field-entry.xlrstatslink > .field-value p {
  line-height: 1;
}
.newsflash > * .field-entry.xlrstatslink > .field-value a {
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
  margin: 0;
  padding-left: 0;
  display: inline-flex;
  font-weight: bold;
  align-items: center;
  color: #999999;
}
.newsflash > * .field-entry.xlrstatslink > .field-value a:hover {
  color: #cccccc;
  cursor: pointer;
}
.newsflash > * .field-entry.xlrstatslink > .field-value a:first-of-type::before {
  content: "\f0c0";
  font-family: "Font Awesome 5 Pro";
  font-size: 1.5em;
  margin-right: .5em;
}
.newsflash > * .field-entry.xlrstatslink > .field-value a:last-of-type::before {
  content: "\f080";
  font-family: "Font Awesome 5 Pro";
  font-size: 1.5em;
  margin-right: .5em;
}
footer {
  background: #000b0f;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-top: auto;
  width: 100%;
  bottom: 0;
}
footer.login,
footer.register {
  display: none;
}
footer .footer--modules,
footer .footer--content {
  width: min(90%, 80em);
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (min-width: 50rem) {
  footer .footer--modules,
  footer .footer--content {
    flex-direction: row;
  }
}
footer .footer--modules .moduletable,
footer .footer--content .moduletable {
  flex-basis: 100%;
}
footer .footer--modules .moduletable:first-of-type,
footer .footer--content .moduletable:first-of-type {
  flex: 1;
}
footer .footer--modules .moduletable h2,
footer .footer--content .moduletable h2,
footer .footer--modules .moduletable h3,
footer .footer--content .moduletable h3 {
  color: #ffffff;
  font-size: clamp(1.5rem, 10vw, 1.85rem);
  line-height: clamp(1.5rem, 10vw, 1.85rem);
  margin-bottom: .5em;
}
footer .footer--modules .moduletable.forum .klatest-item,
footer .footer--content .moduletable.forum .klatest-item {
  padding: .5em 0;
}
footer .footer--modules .moduletable.forum .klatest-item .klatest-itemdetails,
footer .footer--content .moduletable.forum .klatest-item .klatest-itemdetails {
  display: grid;
  grid-template-columns: 4rem 1fr;
  grid-template-areas: "icon subject" "icon time";
}
footer .footer--modules .moduletable.forum .klatest-item .klatest-itemdetails .klatest-topicicon,
footer .footer--content .moduletable.forum .klatest-item .klatest-itemdetails .klatest-topicicon {
  grid-area: icon;
  display: grid;
  place-items: center;
}
footer .footer--modules .moduletable.forum .klatest-item .klatest-itemdetails .klatest-subject,
footer .footer--content .moduletable.forum .klatest-item .klatest-itemdetails .klatest-subject {
  grid-area: subject;
}
footer .footer--modules .moduletable.forum .klatest-item .klatest-itemdetails .klatest-subject a,
footer .footer--content .moduletable.forum .klatest-item .klatest-itemdetails .klatest-subject a {
  font-weight: normal;
}
footer .footer--modules .moduletable.forum .klatest-item .klatest-itemdetails .klatest-posttime,
footer .footer--content .moduletable.forum .klatest-item .klatest-itemdetails .klatest-posttime {
  grid-area: time;
  font-size: .85rem;
}
footer .footer--modules .moduletable.forum .klatest-item:not(:last-of-type),
footer .footer--content .moduletable.forum .klatest-item:not(:last-of-type) {
  border-bottom: 2px solid #06141b;
}
footer .footer--modules .moduletable ul,
footer .footer--content .moduletable ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
footer .footer--modules .moduletable ul li a,
footer .footer--content .moduletable ul li a {
  color: #999999;
  text-decoration: none;
  font-size: clamp(1rem, 10vw, 1.125rem);
  font-family: montserrat, sans-serif;
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
footer .footer--modules .moduletable ul li a:hover,
footer .footer--content .moduletable ul li a:hover {
  color: #0082b3;
}
footer .footer--modules .moduletable ul li a img,
footer .footer--content .moduletable ul li a img {
  margin-right: 1em;
}
footer .footer--modules .moduletable ul.content-container,
footer .footer--content .moduletable ul.content-container {
  display: flex;
  flex-direction: column;
}
footer .footer--modules .moduletable ul.content-container li,
footer .footer--content .moduletable ul.content-container li {
  display: inline-flex;
  align-items: center;
  padding: 0 0 1em 0;
}
footer .footer--modules .moduletable ul.content-container li .child-title,
footer .footer--content .moduletable ul.content-container li .child-title {
  color: #d9d9d9;
  font-size: 1.75rem;
  margin-right: .5em;
}
footer .footer--modules .moduletable ul.content-container li .content,
footer .footer--content .moduletable ul.content-container li .content,
footer .footer--modules .moduletable ul.content-container li a,
footer .footer--content .moduletable ul.content-container li a {
  color: #d9d9d9;
  font-size: clamp(1rem, 10vw, 1.125rem);
  font-family: montserrat, sans-serif;
}
footer .footer--content {
  border-top: 2px solid #001a24;
}
footer .footer--modules {
  padding: 4em 0;
  display: grid;
  gap: 5em;
  grid-template-columns: repeat(1, 1fr);
  grid-template-areas: "forum" "links" "social";
}
@media (min-width: 36rem) {
  footer .footer--modules {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "forum forum" "links social";
  }
}
@media (min-width: 62rem) {
  footer .footer--modules {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "forum forum links" "forum forum social";
    gap: 2em 5em;
  }
}
footer .footer--modules .moduletable.forum {
  grid-area: forum;
}
footer .footer--modules .moduletable.some {
  grid-area: social;
}
footer .footer--modules .moduletable.qlinks {
  grid-area: links;
}
footer .footer--container {
  display: flex;
  height: 75px;
  align-items: center;
  flex-basis: 100%;
}
footer .footer--container .copyplan {
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex-basis: 100%;
}
@media (min-width: 50rem) {
  footer .footer--container .copyplan {
    flex-direction: row;
    justify-content: space-between;
  }
}
footer .footer--container .copyplan > span {
  color: #cccccc;
  font-family: montserrat, sans-serif;
  font-size: 14px;
  text-align: center;
  flex-basis: 100%;
  padding: .25em 0;
}
@media (min-width: 50rem) {
  footer .footer--container .copyplan > span {
    padding: 0;
  }
  footer .footer--container .copyplan > span.copy {
    text-align: left;
  }
  footer .footer--container .copyplan > span.planning {
    text-align: right;
  }
}
footer .footer--container .copyplan > span a {
  color: #cccccc;
  text-decoration: none;
  transition: color 250ms ease-in-out;
}
footer .footer--container .copyplan > span a:hover {
  color: #ffffff;
}
.layout#kunena + div {
  display: none !important;
}
#kunena {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
#kunena > .forumtitle {
  height: calc(31.25rem / 2);
}
#kunena > .forumtitle > h1 {
  margin: 0;
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 3.5em;
  margin-bottom: .5em;
  align-self: flex-end;
}
#kunena > .forumtitle.frontpage {
  letter-spacing: -.1em;
  height: 31.25rem;
}
#kunena > .forumtitle.frontpage > h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: clamp(2rem, 10vw, 4rem);
}
#kunena h3 {
  font-size: clamp(1.25rem, 5vw, 1.85rem);
  line-height: 1;
  margin: 0;
  margin-bottom: .25em;
}
#kunena a {
  text-decoration: none;
  color: #0095cc;
  transition: color 300ms linear;
}
#kunena a:hover {
  color: #1ac1ff;
}
#kunena a.kwho-admin,
#kunena span.kwho-admin {
  color: #c47a05;
}
#kunena a.kwho-admin:hover,
#kunena span.kwho-admin:hover {
  color: #dd8906;
}
#kunena a.kwho-globalmoderator,
#kunena span.kwho-globalmoderator {
  color: #529930;
}
#kunena a.kwho-globalmoderator:hover,
#kunena span.kwho-globalmoderator:hover {
  color: #5dad36;
}
#kunena a.kwho-user,
#kunena span.kwho-user {
  color: #cccccc;
}
#kunena a.kwho-user:hover,
#kunena span.kwho-user:hover {
  color: #d9d9d9;
}
#kunena span:hover {
  pointer-events: unset;
}
#kunena .kfrontend h2 > span.text {
  font-size: clamp(1.75rem, 5vw, 2rem);
  color: #ffffff;
}
#kunena table.table {
  display: flex;
  flex-direction: column;
}
#kunena .catDescription {
  display: flex;
  justify-content: center;
  font-style: italic;
}
#kunena thead .categoryActionsUser {
  margin-top: 5em;
  margin-bottom: 3em;
}
#kunena .categoryActionsUser,
#kunena .paginationContainer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  margin-left: auto;
}
#kunena .categoryActionsUser.forum,
#kunena .paginationContainer.forum {
  grid-template-columns: repeat(1, 1fr);
}
#kunena .categoryActionsUser.forum.bottom,
#kunena .paginationContainer.forum.bottom {
  display: none;
}
#kunena .categoryActionsUser nav,
#kunena .paginationContainer nav {
  position: relative;
}
#kunena .categoryActionsUser .active-page > div,
#kunena .paginationContainer .active-page > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  border: 1px solid rgba(77, 77, 77, 0.75);
}
#kunena .categoryActionsUser .active-page > div:hover,
#kunena .paginationContainer .active-page > div:hover {
  cursor: pointer;
}
#kunena .categoryActionsUser .active-page > div li,
#kunena .paginationContainer .active-page > div li {
  list-style: none;
}
#kunena .categoryActionsUser .active-page > div a,
#kunena .paginationContainer .active-page > div a {
  color: #cccccc;
}
#kunena .categoryActionsUser .active-page > div > span,
#kunena .paginationContainer .active-page > div > span {
  display: flex;
  align-items: center;
  padding: .5em 1em;
}
#kunena .categoryActionsUser .active-page > div > span.text,
#kunena .paginationContainer .active-page > div > span.text {
  font-family: montserrat, sans-serif;
  font-size: clamp(1rem, 10vw, 1.125rem);
  white-space: nowrap;
  border-left: 1px solid rgba(77, 77, 77, 0.75);
}
#kunena .categoryActionsUser .active-page > div > span.icon,
#kunena .paginationContainer .active-page > div > span.icon {
  color: #cccccc;
  font-size: 1rem;
}
#kunena .categoryActionsUser .pagination,
#kunena .paginationContainer .pagination {
  padding: 0;
  margin: 0;
  list-style: none;
  display: none;
}
#kunena .categoryActionsUser .pagination.open,
#kunena .paginationContainer .pagination.open {
  display: flex;
  position: absolute;
  top: calc(100% - 1px);
  right: 0;
  background: #040e13;
  flex-direction: column;
  max-height: 25rem;
  overflow-y: auto;
  width: 7rem;
  border-top: 1px solid rgba(77, 77, 77, 0.75);
  border-bottom: 1px solid rgba(77, 77, 77, 0.75);
  z-index: 10;
}
#kunena .categoryActionsUser .pagination > *,
#kunena .paginationContainer .pagination > * {
  display: inline-flex;
  border: 1px solid rgba(77, 77, 77, 0.75);
  align-items: center;
  justify-content: center;
  position: relative;
}
#kunena .categoryActionsUser .pagination > *:first-child,
#kunena .paginationContainer .pagination > *:first-child {
  border-top: 0 none;
}
#kunena .categoryActionsUser .pagination > *:not(:last-child),
#kunena .paginationContainer .pagination > *:not(:last-child) {
  border-bottom: 0 none;
}
#kunena .categoryActionsUser .pagination > *:hover,
#kunena .paginationContainer .pagination > *:hover {
  background: rgba(38, 38, 38, 0.75);
}
#kunena .categoryActionsUser .pagination > *:hover span,
#kunena .paginationContainer .pagination > *:hover span,
#kunena .categoryActionsUser .pagination > *:hover a,
#kunena .paginationContainer .pagination > *:hover a {
  color: white;
}
#kunena .categoryActionsUser .pagination > * a,
#kunena .paginationContainer .pagination > * a {
  color: #cccccc;
  padding: .5em 1em;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#kunena .categoryActionsUser .pagination > *.active,
#kunena .paginationContainer .pagination > *.active {
  background: rgba(38, 38, 38, 0.75);
}
#kunena .innerForumContainer,
.forumtitle {
  display: grid;
  width: min(90%, 80rem);
  place-items: center;
}
#kunena .innerForumContainer.frontpage > .kfrontend {
  height: fit-content;
  margin-top: 1rem;
}
#kunena .innerForumContainer.frontpage > .kfrontend:is(:first-child) {
  margin-top: 7em;
}
#kunena .innerForumContainer > .kfrontend {
  width: 100%;
}
#kunena .innerForumContainer > .kfrontend > h1.title {
  display: none !important;
}
#kunena .innerForumContainer > .kfrontend > h1.title.frontpage {
  display: flex !important;
}
#kunena .innerForumContainer > .kfrontend > h1.title + .thead {
  display: none !important;
}
#kunena .innerForumContainer > .kfrontend > h1.title,
#kunena .innerForumContainer > .kfrontend > .table {
  display: flex;
  justify-content: center;
  color: #ffffff;
}
#kunena .innerForumContainer > .kfrontend > h1.title {
  font-size: clamp(2rem, 10vw, 4rem);
  margin: 0;
}
#kunena .innerForumContainer > .kfrontend > h1.title.frontpage {
  font-size: clamp(1.75rem, 5vw, 2rem);
  color: #ffffff;
  justify-content: flex-start;
}
#kunena .innerForumContainer > .kfrontend > h1.title.frontpage + div.table > .table {
  background: #02080b;
}
#kunena .innerForumContainer > .kfrontend > h1.title + div.table > .table {
  background: 0 none;
  padding: 0;
}
#kunena .innerForumContainer > .kfrontend > h2 > .icon i {
  font-size: .75em;
  color: #ffffff;
}
#kunena .innerForumContainer > .kfrontend > .table {
  margin-top: 1em;
  font-family: montserrat, sans-serif;
}
#kunena .innerForumContainer > .kfrontend > .table > .table {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #02080b;
  padding: 1em 2em;
}
#qtip-4 {
  display: none !important;
}
.qtip-content.popover-body {
  background: #02080b;
  padding: 2em 4em;
  font-size: clamp(1rem, 10vw, 1.125rem);
  font-family: montserrat, sans-serif;
  color: #cccccc;
  display: grid;
  place-items: center;
  line-height: 1;
}
.qtip-content.popover-body .cbTooltipButtons {
  margin-top: 2em;
}
.qtip-content.popover-body .cbTooltipButtons button {
  background: 0 none;
  border: 0 none;
  box-shadow: none;
  padding: .5em 1em;
  color: white;
  margin: 0 .5em;
  font-size: clamp(1rem, 10vw, 1.125rem);
  font-family: montserrat, sans-serif;
}
.qtip-content.popover-body .cbTooltipButtons button:hover {
  cursor: pointer;
}
.qtip-content.popover-body .cbTooltipButtons button.cbTooltipButtonYes {
  background: #529930;
}
.qtip-content.popover-body .cbTooltipButtons button.cbTooltipButtonNo {
  background: #cc0000;
}
.qtip-content.popover-body ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  right: 0;
  margin: 0;
  padding: 0;
  top: 3.5em;
  width: 15em;
  background: rgba(64, 64, 64, 0.75);
}
.qtip-content.popover-body ul > li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 1 0 100%;
  width: 100%;
}
.qtip-content.popover-body ul > li:hover {
  background: rgba(26, 26, 26, 0.75);
}
.qtip-content.popover-body ul > li a {
  padding-left: .5em;
}
.qtip-content.popover-body ul {
  top: 0;
  width: max-content !important;
}
.qtip-content.popover-body ul li a {
  padding: .5em 1em;
  text-decoration: none;
  color: white;
}
.qtip-content.popover-body form {
  margin-top: 2em;
}
.qtip-content.popover-body textarea {
  background: rgba(1, 5, 6, 0.75);
  border: 1px solid #0d2d3d;
  color: #999999;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  padding: .5em 1em;
  width: 100%;
}
@media (min-width: 36rem) {
  .qtip-content.popover-body textarea {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.qtip-content.popover-body textarea:focus {
  outline: 0;
  border: 1px solid #278abc;
}
.qtip-content.popover-body textarea option,
.qtip-content.popover-body textarea optgroup {
  color: white;
}
.qtip-content.popover-body .cbConnReqButtons {
  margin-top: 2em;
}
.qtip-content.popover-body .cbConnReqButtons input {
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
}
.qtip-content.popover-body .cbConnReqButtons input:hover {
  color: #cccccc;
  cursor: pointer;
}
.qtip-content.popover-body .cbConnReqButtons input.btn-primary {
  background: #529930;
  color: white !important;
}
.qtip-content.popover-body .cbConnReqButtons input.btn-primary:hover {
  background: #3e7324;
}
.kfrontend:not(:last-child),
.category-item:not(:last-child) {
  margin-bottom: 3em;
}
.kfrontend:is(:last-child),
.category-item:is(:last-child) {
  margin-bottom: 5em;
}
.innerForumContainer > .section-name {
  display: none;
}
.innerForumContainer > form {
  width: 100%;
}
#kwho,
#kstats {
  background: #02080b;
  padding: 1.75em .5em;
}
#kwho * {
  font-size: clamp(1rem, 10vw, 1.125rem);
  font-family: montserrat, sans-serif;
}
#kwho *:not(a) {
  color: #cccccc;
}
#kwho .list-unstyled {
  margin: 0;
}
#kwho .list-unstyled > div + div {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #081e28;
}
#kstats .row {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 36rem) {
  #kstats .row {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 62rem) {
  #kstats .row {
    grid-template-columns: repeat(3, 1fr);
  }
}
#kstats .row ul {
  list-style: none;
}
.kfrontend.sections > div.table.section {
  background: #02080b;
  padding: 1em 0 !important;
}
.kfrontend.sections > div.table.section.hidden {
  display: none !important;
}
.kfrontend.sections > div.table.section.hasSubcats {
  display: flex !important;
}
.kfrontend.sections.hasSubcats > div.table {
  margin-top: 5em !important;
}
.kfrontend.sections.hasSubcats > div.table > .table {
  padding: unset !important;
}
.kfrontend.sections.frontpage > div.table.hidden {
  display: flex !important;
}
.kfrontend.members > h2.title,
.kfrontend.stats > h2.title {
  margin: 0;
}
.tr-container,
.forumsContainer table tbody,
.forumsContainer table thead {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.tr-container .category,
.forumsContainer table tbody .category,
.forumsContainer table thead .category,
.tr-container tr,
.forumsContainer table tbody tr,
.forumsContainer table thead tr {
  border-bottom: 2px solid #081a24;
}
.tr-container:is(:last-child) .category,
.forumsContainer table tbody:is(:last-child) .category,
.forumsContainer table thead:is(:last-child) .category {
  border: 0 none;
}
.subcats {
  width: 100%;
}
.subcats .list-inline {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#categoryHead .categoryActionsUser {
  display: flex;
  margin-bottom: .5em !important;
}
#categoryHead .categoryActionsUser td.pagination {
  display: flex;
  margin-left: auto;
}
#categoryHead .categoryActionsUser td.pagination .active-page li.active a {
  padding: 0 !important;
}
#categoryHead .first-child {
  display: flex;
  background: #040e13;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  padding: 1em 5%;
}
@media (min-width: 36rem) {
  #categoryHead .first-child {
    position: relative;
    padding: 0;
  }
}
#categoryHead .catreplybutton {
  display: flex;
}
#categoryHead .catreplybutton ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: stretch;
}
#categoryHead .catreplybutton ul li {
  display: flex;
  align-items: stretch;
  margin-right: .5em;
}
#categoryHead .catreplybutton ul li a {
  display: flex;
  align-items: center;
}
#categoryHead .catreplybutton ul li a i {
  margin-right: .5em;
}
#categoryHead .action-buttons {
  margin-left: auto;
  position: relative;
}
@media (min-width: 36rem) {
  #categoryHead .action-buttons {
    margin-left: 0;
  }
}
#categoryHead .action-buttons .inline {
  display: none;
}
#categoryHead .action-buttons .inline.show {
  display: flex;
  position: absolute;
  width: 100%;
  bottom: 100%;
}
@media (min-width: 36rem) {
  #categoryHead .action-buttons .inline.show {
    bottom: auto;
    top: 100%;
  }
}
#categoryHead .action-buttons .inline.show li {
  flex-direction: column;
  display: flex;
  width: 100%;
}
#categoryHead .action-buttons .inline.show li a {
  width: 100%;
  background: rgba(38, 38, 38, 0.75);
}
#categoryHead .action-buttons .opencatoptions-button {
  display: flex;
}
#categoryHead .action-buttons .opencatoptions-button:hover {
  cursor: pointer;
}
#categoryHead .action-buttons .opencatoptions-button:hover > div {
  background: rgba(38, 38, 38, 0.75);
}
#categoryHead .action-buttons .opencatoptions-button > div {
  border: 1px solid rgba(77, 77, 77, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
}
#categoryHead .action-buttons .opencatoptions-button > div:is(:first-child) {
  padding: .75em 1.5em;
}
#categoryHead .action-buttons .opencatoptions-button > div:last-of-type {
  width: 2.5em;
  border-left: 0 none;
}
#categoryHead .action-buttons .opencatoptions-button > div > span {
  display: flex;
  align-items: center;
  color: #cccccc;
}
#categoryHead .action-buttons .opencatoptions-button > div > span.text {
  margin-left: .5em;
  font-family: montserrat, sans-serif;
  font-size: clamp(1rem, 10vw, 1.125rem);
  white-space: nowrap;
}
.category-item {
  display: flex;
  background: #02080b;
  flex-direction: column;
  align-items: center;
}
.category-item + tfoot {
  margin-top: -2em;
}
.category-item + tfoot .categoryActionsUser {
  grid-template-columns: 1fr !important;
}
.category-item + tfoot .categoryActionsUser td.first-child .input-group-btn {
  display: flex;
  flex-direction: column;
}
@media (min-width: 50rem) {
  .category-item + tfoot .categoryActionsUser td.first-child .input-group-btn {
    flex-direction: row;
    gap: 1em;
  }
}
.category-item + tfoot .categoryActionsUser td.first-child .input-group-btn > * {
  margin-bottom: 1em;
  line-height: 1.5;
  flex-basis: 100%;
  width: 100%;
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
  background: #02080b !important;
}
@media (min-width: 36rem) {
  .category-item + tfoot .categoryActionsUser td.first-child .input-group-btn > * {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.category-item + tfoot .categoryActionsUser td.first-child .input-group-btn > *:hover {
  color: #cccccc;
  cursor: pointer;
}
@media (min-width: 50rem) {
  .category-item + tfoot .categoryActionsUser td.first-child .input-group-btn button {
    max-width: 20em !important;
  }
}
.category.hasUnreadMsgs sup.knewchar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: .5em 0;
  color: white;
  animation-name: newpost;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}
@keyframes newpost {
  0% {
    background: #3e7324;
  }
  50% {
    background: #5dad36;
  }
  100% {
    background: #3e7324;
  }
}
.category.hasUnreadMsgs sup.knewchar > i {
  font-size: .75rem;
  margin-right: .2em;
}
.category.hasUnreadMsgs sup.knewchar > span {
  font-family: rubik, sans-serif;
  font-size: 1.35rem;
  font-weight: bold;
}
.category,
.forumsContainer table tr,
.demos div[itemprop="articleBody"] table tr {
  transition: transform 150ms ease-in-out;
  padding: 1.75em 0;
  position: relative;
  width: calc(100% - 4rem);
  display: grid;
  grid-template-columns: 4rem auto auto auto;
  gap: 1em;
  grid-template-areas: "icon categoryTitle";
  /*category td elements*/
  /*category view td elements end*/
}
.category.stickymsg i + a,
.forumsContainer table tr.stickymsg i + a,
.demos div[itemprop="articleBody"] table tr.stickymsg i + a,
.category.moved i + a,
.forumsContainer table tr.moved i + a,
.demos div[itemprop="articleBody"] table tr.moved i + a,
.category.deleted i + a,
.forumsContainer table tr.deleted i + a,
.demos div[itemprop="articleBody"] table tr.deleted i + a,
.category.locked i + a,
.forumsContainer table tr.locked i + a,
.demos div[itemprop="articleBody"] table tr.locked i + a {
  display: none;
}
.category.locked > *,
.forumsContainer table tr.locked > *,
.demos div[itemprop="articleBody"] table tr.locked > * {
  opacity: .75;
}
.category:is(:last-of-type).deleted,
.forumsContainer table tr:is(:last-of-type).deleted,
.demos div[itemprop="articleBody"] table tr:is(:last-of-type).deleted {
  margin-bottom: 1.75em;
}
.category.deleted,
.forumsContainer table tr.deleted,
.demos div[itemprop="articleBody"] table tr.deleted {
  background: rgba(90, 0, 0, 0.5) !important;
  border: 1px solid rgba(204, 0, 0, 0.5) !important;
  margin-top: -2px;
}
.category.deleted *,
.forumsContainer table tr.deleted *,
.demos div[itemprop="articleBody"] table tr.deleted * {
  opacity: .95;
}
.category.deleted i,
.forumsContainer table tr.deleted i,
.demos div[itemprop="articleBody"] table tr.deleted i {
  color: #cc0000;
}
.category:not(:last-child),
.forumsContainer table tr:not(:last-child),
.demos div[itemprop="articleBody"] table tr:not(:last-child) {
  border-bottom: 2px solid #081a24;
}
@media (min-width: 50rem) {
  .category,
  .forumsContainer table tr,
  .demos div[itemprop="articleBody"] table tr {
    padding: 1.75em 0;
    width: calc(100% - 4em);
    grid-template-columns: 4rem auto 12rem;
    grid-template-areas: "icon categoryTitle lastPost";
  }
}
@media (min-width: 62rem) {
  .category,
  .forumsContainer table tr,
  .demos div[itemprop="articleBody"] table tr {
    grid-template-columns: 4em 2fr 7em 7em 1fr;
    grid-template-areas: "icon categoryTitle topics posts lastPost";
  }
}
.category > *,
.forumsContainer table tr > *,
.demos div[itemprop="articleBody"] table tr > * {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  width: 100%;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #cccccc;
}
@media (min-width: 62rem) {
  .category > *,
  .forumsContainer table tr > *,
  .demos div[itemprop="articleBody"] table tr > * {
    padding: 0 1em;
  }
}
.category h3,
.forumsContainer table tr h3,
.demos div[itemprop="articleBody"] table tr h3 {
  font-size: 1.35rem !important;
}
@media (min-width: 36rem) {
  .category h3,
  .forumsContainer table tr h3,
  .demos div[itemprop="articleBody"] table tr h3 {
    font-size: clamp(1.35rem, 8vw, 1.5rem) !important;
  }
}
.category h3 a,
.forumsContainer table tr h3 a,
.demos div[itemprop="articleBody"] table tr h3 a {
  color: #d9d9d9 !important;
}
.category h3 a:hover,
.forumsContainer table tr h3 a:hover,
.demos div[itemprop="articleBody"] table tr h3 a:hover {
  color: #f3f3f3 !important;
}
.category span.number,
.forumsContainer table tr span.number,
.demos div[itemprop="articleBody"] table tr span.number,
.category span.text,
.forumsContainer table tr span.text,
.demos div[itemprop="articleBody"] table tr span.text {
  display: flex;
  justify-content: center;
}
.category span.number,
.forumsContainer table tr span.number,
.demos div[itemprop="articleBody"] table tr span.number {
  font-size: 1.5em;
}
.category .catIcon,
.forumsContainer table tr .catIcon,
.demos div[itemprop="articleBody"] table tr .catIcon {
  background: url('../images/forums/readmsg-cat.png') no-repeat center center;
}
.category .firstChild,
.forumsContainer table tr .firstChild,
.demos div[itemprop="articleBody"] table tr .firstChild {
  position: relative;
}
.category .catIcon,
.forumsContainer table tr .catIcon,
.demos div[itemprop="articleBody"] table tr .catIcon,
.category .icon,
.forumsContainer table tr .icon,
.demos div[itemprop="articleBody"] table tr .icon,
.category .sub-icon,
.forumsContainer table tr .sub-icon,
.demos div[itemprop="articleBody"] table tr .sub-icon,
.category .firstChild,
.forumsContainer table tr .firstChild,
.demos div[itemprop="articleBody"] table tr .firstChild {
  display: grid;
  place-items: center;
  grid-area: icon;
  position: relative;
}
.category .catIcon i,
.forumsContainer table tr .catIcon i,
.demos div[itemprop="articleBody"] table tr .catIcon i,
.category .icon i,
.forumsContainer table tr .icon i,
.demos div[itemprop="articleBody"] table tr .icon i,
.category .sub-icon i,
.forumsContainer table tr .sub-icon i,
.demos div[itemprop="articleBody"] table tr .sub-icon i,
.category .firstChild i,
.forumsContainer table tr .firstChild i,
.demos div[itemprop="articleBody"] table tr .firstChild i {
  font-size: 1.25em;
}
.category .sub-icon i,
.forumsContainer table tr .sub-icon i,
.demos div[itemprop="articleBody"] table tr .sub-icon i {
  transform: rotate(90deg);
}
.category .catTitle,
.forumsContainer table tr .catTitle,
.demos div[itemprop="articleBody"] table tr .catTitle {
  grid-area: categoryTitle;
}
.category .catTitle .started,
.forumsContainer table tr .catTitle .started,
.demos div[itemprop="articleBody"] table tr .catTitle .started,
.category .catTitle .header-desc,
.forumsContainer table tr .catTitle .header-desc,
.demos div[itemprop="articleBody"] table tr .catTitle .header-desc {
  color: #999999;
  font-size: 1rem;
}
.category .catTitle .started .ktopic-category,
.forumsContainer table tr .catTitle .started .ktopic-category,
.demos div[itemprop="articleBody"] table tr .catTitle .started .ktopic-category,
.category .catTitle .header-desc .ktopic-category,
.forumsContainer table tr .catTitle .header-desc .ktopic-category,
.demos div[itemprop="articleBody"] table tr .catTitle .header-desc .ktopic-category {
  display: flex;
  margin-top: .25em;
  gap: .25em;
  flex-wrap: wrap;
}
.category .catTitle .subcats,
.forumsContainer table tr .catTitle .subcats,
.demos div[itemprop="articleBody"] table tr .catTitle .subcats {
  margin-top: 1.5em;
}
.category .catTitle .subcats ul,
.forumsContainer table tr .catTitle .subcats ul,
.demos div[itemprop="articleBody"] table tr .catTitle .subcats ul {
  display: grid;
  gap: .5em;
}
@media (min-width: 36rem) {
  .category .catTitle .subcats ul,
  .forumsContainer table tr .catTitle .subcats ul,
  .demos div[itemprop="articleBody"] table tr .catTitle .subcats ul {
    grid-template-columns: repeat(2, fit-content(30em));
  }
}
.category .catTitle .subcats ul > li,
.forumsContainer table tr .catTitle .subcats ul > li,
.demos div[itemprop="articleBody"] table tr .catTitle .subcats ul > li {
  display: flex;
  background: black;
  padding: .5em 1em;
}
.category .catTitle .subcats ul > li.new,
.forumsContainer table tr .catTitle .subcats ul > li.new,
.demos div[itemprop="articleBody"] table tr .catTitle .subcats ul > li.new {
  border: 1px solid #529930;
}
.category .catTitle .subcats ul > li .sub-icon .knewchar,
.forumsContainer table tr .catTitle .subcats ul > li .sub-icon .knewchar,
.demos div[itemprop="articleBody"] table tr .catTitle .subcats ul > li .sub-icon .knewchar {
  padding: 0 !important;
  position: relative !important;
  background: 0 none !important;
  color: #529930 !important;
  margin-left: .5em !important;
}
.category .catTitle .subcats ul > li .header-desc,
.forumsContainer table tr .catTitle .subcats ul > li .header-desc,
.demos div[itemprop="articleBody"] table tr .catTitle .subcats ul > li .header-desc {
  display: none;
}
.category .catTitle .subcats ul > li span.text,
.forumsContainer table tr .catTitle .subcats ul > li span.text,
.demos div[itemprop="articleBody"] table tr .catTitle .subcats ul > li span.text {
  display: flex;
  font-size: 1rem !important;
}
.category .catTitle .subcats ul > li .titleContainer,
.forumsContainer table tr .catTitle .subcats ul > li .titleContainer,
.demos div[itemprop="articleBody"] table tr .catTitle .subcats ul > li .titleContainer {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  position: relative;
}
.category .catTitle .subcats ul > li .titleContainer h3,
.forumsContainer table tr .catTitle .subcats ul > li .titleContainer h3,
.demos div[itemprop="articleBody"] table tr .catTitle .subcats ul > li .titleContainer h3 {
  font-size: 1.15rem !important;
  margin: 0 1em 0 0 !important;
}
.category .catTitle .subcats ul > li .thirdChild,
.forumsContainer table tr .catTitle .subcats ul > li .thirdChild,
.demos div[itemprop="articleBody"] table tr .catTitle .subcats ul > li .thirdChild,
.category .catTitle .subcats ul > li .fourthChild,
.forumsContainer table tr .catTitle .subcats ul > li .fourthChild,
.demos div[itemprop="articleBody"] table tr .catTitle .subcats ul > li .fourthChild {
  flex-direction: row;
}
.category .catTitle .subcats ul > li .thirdChild .number,
.forumsContainer table tr .catTitle .subcats ul > li .thirdChild .number,
.demos div[itemprop="articleBody"] table tr .catTitle .subcats ul > li .thirdChild .number,
.category .catTitle .subcats ul > li .fourthChild .number,
.forumsContainer table tr .catTitle .subcats ul > li .fourthChild .number,
.demos div[itemprop="articleBody"] table tr .catTitle .subcats ul > li .fourthChild .number,
.category .catTitle .subcats ul > li .thirdChild .text,
.forumsContainer table tr .catTitle .subcats ul > li .thirdChild .text,
.demos div[itemprop="articleBody"] table tr .catTitle .subcats ul > li .thirdChild .text,
.category .catTitle .subcats ul > li .fourthChild .text,
.forumsContainer table tr .catTitle .subcats ul > li .fourthChild .text,
.demos div[itemprop="articleBody"] table tr .catTitle .subcats ul > li .fourthChild .text {
  font-size: 1rem !important;
  margin: 0 .25em;
}
.category .catTitle .subcats ul > li .fourthChild,
.forumsContainer table tr .catTitle .subcats ul > li .fourthChild,
.demos div[itemprop="articleBody"] table tr .catTitle .subcats ul > li .fourthChild {
  margin-left: 1em;
}
.category .thirdChild,
.forumsContainer table tr .thirdChild,
.demos div[itemprop="articleBody"] table tr .thirdChild {
  grid-area: topics;
}
.category .fourthChild,
.forumsContainer table tr .fourthChild,
.demos div[itemprop="articleBody"] table tr .fourthChild {
  grid-area: posts;
}
.category .thirdChild,
.forumsContainer table tr .thirdChild,
.demos div[itemprop="articleBody"] table tr .thirdChild,
.category .fourthChild,
.forumsContainer table tr .fourthChild,
.demos div[itemprop="articleBody"] table tr .fourthChild,
.category .forthChild,
.forumsContainer table tr .forthChild,
.demos div[itemprop="articleBody"] table tr .forthChild,
.category .lastChild,
.forumsContainer table tr .lastChild,
.demos div[itemprop="articleBody"] table tr .lastChild {
  display: none;
}
@media (min-width: 62rem) {
  .category .thirdChild,
  .forumsContainer table tr .thirdChild,
  .demos div[itemprop="articleBody"] table tr .thirdChild,
  .category .fourthChild,
  .forumsContainer table tr .fourthChild,
  .demos div[itemprop="articleBody"] table tr .fourthChild,
  .category .forthChild,
  .forumsContainer table tr .forthChild,
  .demos div[itemprop="articleBody"] table tr .forthChild,
  .category .lastChild,
  .forumsContainer table tr .lastChild,
  .demos div[itemprop="articleBody"] table tr .lastChild {
    display: flex;
  }
}
@media (min-width: 50rem) {
  .category .lastChild,
  .forumsContainer table tr .lastChild,
  .demos div[itemprop="articleBody"] table tr .lastChild {
    display: flex;
  }
}
.category .thirdChild,
.forumsContainer table tr .thirdChild,
.demos div[itemprop="articleBody"] table tr .thirdChild,
.category .fourthChild,
.forumsContainer table tr .fourthChild,
.demos div[itemprop="articleBody"] table tr .fourthChild,
.category .forthChild,
.forumsContainer table tr .forthChild,
.demos div[itemprop="articleBody"] table tr .forthChild {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
@media (min-width: 62rem) {
  .category .thirdChild,
  .forumsContainer table tr .thirdChild,
  .demos div[itemprop="articleBody"] table tr .thirdChild,
  .category .fourthChild,
  .forumsContainer table tr .fourthChild,
  .demos div[itemprop="articleBody"] table tr .fourthChild,
  .category .forthChild,
  .forumsContainer table tr .forthChild,
  .demos div[itemprop="articleBody"] table tr .forthChild {
    flex-direction: column;
    justify-content: center;
  }
}
@media (min-width: 62rem) {
  .category .thirdChild .icon,
  .forumsContainer table tr .thirdChild .icon,
  .demos div[itemprop="articleBody"] table tr .thirdChild .icon,
  .category .fourthChild .icon,
  .forumsContainer table tr .fourthChild .icon,
  .demos div[itemprop="articleBody"] table tr .fourthChild .icon,
  .category .forthChild .icon,
  .forumsContainer table tr .forthChild .icon,
  .demos div[itemprop="articleBody"] table tr .forthChild .icon {
    display: none;
  }
}
.category .thirdChild .number,
.forumsContainer table tr .thirdChild .number,
.demos div[itemprop="articleBody"] table tr .thirdChild .number,
.category .fourthChild .number,
.forumsContainer table tr .fourthChild .number,
.demos div[itemprop="articleBody"] table tr .fourthChild .number,
.category .forthChild .number,
.forumsContainer table tr .forthChild .number,
.demos div[itemprop="articleBody"] table tr .forthChild .number {
  margin-right: .25em;
  color: #999999 !important;
}
.category .thirdChild .text,
.forumsContainer table tr .thirdChild .text,
.demos div[itemprop="articleBody"] table tr .thirdChild .text,
.category .fourthChild .text,
.forumsContainer table tr .fourthChild .text,
.demos div[itemprop="articleBody"] table tr .fourthChild .text,
.category .forthChild .text,
.forumsContainer table tr .forthChild .text,
.demos div[itemprop="articleBody"] table tr .forthChild .text {
  display: none;
}
.category .lastChild,
.forumsContainer table tr .lastChild,
.demos div[itemprop="articleBody"] table tr .lastChild {
  grid-area: lastPost;
}
.category .lastChild .col-md-12,
.forumsContainer table tr .lastChild .col-md-12,
.demos div[itemprop="articleBody"] table tr .lastChild .col-md-12,
.category .lastChild .datepost,
.forumsContainer table tr .lastChild .datepost,
.demos div[itemprop="articleBody"] table tr .lastChild .datepost {
  display: flex;
  flex-direction: column;
  color: #999999 !important;
}
.category .lastChild .lastpostlink a:first-of-type,
.forumsContainer table tr .lastChild .lastpostlink a:first-of-type,
.demos div[itemprop="articleBody"] table tr .lastChild .lastpostlink a:first-of-type {
  color: #999999 !important;
}
.category .lastChild .lastpostlink a:first-of-type:hover,
.forumsContainer table tr .lastChild .lastpostlink a:first-of-type:hover,
.demos div[itemprop="articleBody"] table tr .lastChild .lastpostlink a:first-of-type:hover {
  color: #b3b3b3 !important;
}
.category .lastChild + td,
.forumsContainer table tr .lastChild + td,
.demos div[itemprop="articleBody"] table tr .lastChild + td {
  position: absolute;
  height: 100%;
  right: 0;
  width: auto;
}
.kunena-topic-item {
  margin-top: 2em;
  width: 100%;
}
@media (min-width: 50rem) {
  .kunena-topic-item {
    margin-top: 5em;
  }
}
.kunena-topic-item .actions-pagination {
  display: flex;
}
@media (max-width: 49.9999rem) {
  .kunena-topic-item .actions-pagination {
    margin-bottom: 1em;
  }
}
@media (min-width: 50rem) {
  .kunena-topic-item .actions-pagination {
    position: sticky;
    top: 0;
    z-index: 1001;
    background: #040e13;
    min-height: 80px;
    flex-wrap: wrap;
  }
}
.kunena-topic-item form#jumpto {
  display: flex;
  justify-content: flex-end;
  margin-top: .5em;
}
.kunena-topic-item form#jumpto > span {
  width: 100%;
}
@media (min-width: 36rem) {
  .kunena-topic-item form#jumpto > span {
    width: max-content;
  }
}
.kunena-topic-item form#jumpto select {
  background: #02080b;
  color: #999999;
  border: 0 none;
  box-shadow: none;
  width: 100%;
  font-size: clamp(1rem, 10vw, 1.125rem);
  font-family: montserrat, sans-serif;
  padding: 1em .5em;
}
.kunena-topic-item #topic-actions-toolbar {
  background: #040e13;
  padding-top: 1em;
  padding-bottom: 1em;
  margin-right: auto;
  /*show on desktop*/
  /*show on mobiles*/
}
@media (max-width: 49.9999rem) {
  .kunena-topic-item #topic-actions-toolbar {
    padding: .5em 0;
  }
}
.kunena-topic-item #topic-actions-toolbar .show-desktop {
  display: none;
}
@media (min-width: 50rem) {
  .kunena-topic-item #topic-actions-toolbar .show-desktop {
    display: flex;
  }
}
.kunena-topic-item #topic-actions-toolbar .show-desktop > .btn-group {
  display: flex;
  align-items: center;
  position: relative;
}
.kunena-topic-item #topic-actions-toolbar .show-desktop > .btn-group.reply > span {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.kunena-topic-item #topic-actions-toolbar .show-desktop > .btn-group.reply > span > a {
  background: #529930;
  color: #fff;
  padding: .75em 1.5em;
  white-space: nowrap;
  font-size: clamp(1rem, 10vw, 1.125rem);
  font-family: montserrat, sans-serif;
}
.kunena-topic-item #topic-actions-toolbar .show-desktop > .btn-group > ul {
  display: none;
}
.kunena-topic-item #topic-actions-toolbar .show-desktop > .btn-group.show .btn-activate > div {
  background: rgba(38, 38, 38, 0.75);
}
.kunena-topic-item #topic-actions-toolbar .show-desktop > .btn-group.show ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  right: 0;
  margin: 0;
  padding: 0;
  top: 3.5em;
  width: 15em;
  background: rgba(64, 64, 64, 0.75);
}
.kunena-topic-item #topic-actions-toolbar .show-desktop > .btn-group.show ul > li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 1 0 100%;
  width: 100%;
}
.kunena-topic-item #topic-actions-toolbar .show-desktop > .btn-group.show ul > li:hover {
  background: rgba(26, 26, 26, 0.75);
}
.kunena-topic-item #topic-actions-toolbar .show-desktop > .btn-group.show ul > li a {
  padding-left: .5em;
}
.kunena-topic-item #topic-actions-toolbar .show-desktop > .btn-group > .btn-activate {
  display: flex;
  padding-right: 0;
}
.kunena-topic-item #topic-actions-toolbar .show-desktop > .btn-group > .btn-activate:hover {
  cursor: pointer;
}
.kunena-topic-item #topic-actions-toolbar .show-desktop > .btn-group > .btn-activate:hover > div {
  background: rgba(38, 38, 38, 0.75);
}
.kunena-topic-item #topic-actions-toolbar .show-desktop > .btn-group > .btn-activate > div {
  border: 1px solid rgba(77, 77, 77, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
}
.kunena-topic-item #topic-actions-toolbar .show-desktop > .btn-group > .btn-activate > div:is(:first-child) {
  padding: .75em 1.5em;
}
.kunena-topic-item #topic-actions-toolbar .show-desktop > .btn-group > .btn-activate > div:last-child {
  width: 2.5em;
  border-left: 0 none;
}
.kunena-topic-item #topic-actions-toolbar .show-desktop > .btn-group > .btn-activate > div > span {
  display: flex;
  align-items: center;
}
.kunena-topic-item #topic-actions-toolbar .show-desktop > .btn-group > .btn-activate > div > span.text {
  margin-left: .5em;
  font-family: montserrat, sans-serif;
  font-size: clamp(1rem, 10vw, 1.125rem);
  white-space: nowrap;
}
.kunena-topic-item #topic-actions-toolbar .show-mobile {
  display: flex;
}
@media (min-width: 50rem) {
  .kunena-topic-item #topic-actions-toolbar .show-mobile {
    display: none;
  }
}
.kunena-topic-item #topic-actions-toolbar .show-mobile .topicMobileMenuToggle {
  position: fixed;
  z-index: 100;
  bottom: 0;
  right: 0;
  left: 0;
  background: #040e13;
  height: 3em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 5%;
  color: #cccccc;
  font-size: 1.25rem;
  font-family: rubik, sans-serif;
}
.kunena-topic-item #topic-actions-toolbar .show-mobile .topicMobileMenuToggle i {
  margin-right: .5em;
}
@media (max-width: 49.9999rem) {
  .kunena-topic-item #topic-actions-toolbar .show-mobile .btn-group.rButton {
    position: fixed;
    z-index: 101;
    bottom: 0;
    left: 5%;
  }
}
@media (max-width: 35.9999rem) {
  .kunena-topic-item #topic-actions-toolbar .show-mobile .btn-group.rButton span {
    display: none;
  }
}
.kunena-topic-item #topic-actions-toolbar .show-mobile .btn-group ul {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.kunena-topic-item #topic-actions-toolbar .show-mobile .btn-group ul li.replyButton {
  padding: 1em 0;
}
.kunena-topic-item #topic-actions-toolbar .show-mobile .btn-group ul li.replyButton a {
  padding: .75em 1.5em;
}
.kunena-topic-item #topic-actions-toolbar .show-mobile .btn-group.topicMobileMenu {
  position: fixed;
  bottom: -100%;
  width: min(90%, 50rem);
  right: 0;
  overflow: hidden;
  background: rgba(38, 38, 38, 0.85);
  z-index: 150;
  padding: 1em 0 2em 0;
}
.kunena-topic-item #topic-actions-toolbar .show-mobile .btn-group.topicMobileMenu.showElement {
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}
.kunena-topic-item #topic-actions-toolbar .show-mobile .btn-group.topicMobileMenu.showElement .spanClose2 {
  display: flex;
  align-self: flex-start;
  font-size: 1.5rem;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  padding: .5em 1em;
  background: #013e75;
}
.kunena-topic-item #topic-actions-toolbar .show-mobile .btn-group.topicMobileMenu .dropdown-menu {
  list-style: none;
  padding: 0 2em 0 0;
  margin: 0;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  position: relative;
}
.kunena-topic-item #topic-actions-toolbar .show-mobile .btn-group.topicMobileMenu .dropdown-menu li {
  margin: .5em 0;
}
.kunena-topic-item #topic-actions-toolbar .show-mobile .btn-group.topicMobileMenu .dropdown-menu li a {
  color: #cccccc;
}
.kunena-topic-item #topic-actions-toolbar .show-mobile .btn-group.topicMobileMenu .dropdown-menu li a:hover {
  color: #f3f3f3;
}
.kunena-topic-item .topic-item-messages {
  display: grid;
}
.kunena-topic-item .row.message {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "datetime" "userprofile" "topicmessage";
  position: relative;
  min-height: 20em;
  background: #02080b;
  padding: 2em;
}
.kunena-topic-item .row.message.loggedIn {
  grid-template-areas: "datetime" "userprofile" "topicmessage" "actionbuttons";
}
.kunena-topic-item .row.message.deleted {
  background: rgba(90, 0, 0, 0.5) !important;
  border: 1px solid rgba(204, 0, 0, 0.5);
  padding-top: 4em;
}
.kunena-topic-item .row.message.deleted * {
  opacity: .95;
}
.kunena-topic-item .row.message.deleted .hidden {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(204, 0, 0, 0.5);
  opacity: 1;
  color: white;
  font-size: 1rem;
  font-family: montserrat, sans-serif;
  padding: .75em 1em;
}
.kunena-topic-item .row.message.deleted .kbutton-report {
  display: none !important;
}
.kunena-topic-item .row.message.deleted small.text-muted {
  border-bottom: 1px solid rgba(204, 0, 0, 0.5) !important;
}
.kunena-topic-item .row.message.deleted .signatureInTopicPost.addBorder {
  border-top: 1px solid rgba(204, 0, 0, 0.5) !important;
}
.kunena-topic-item .row.message.deleted blockquote {
  background: rgba(90, 0, 0, 0.5) !important;
  border: 1px solid rgba(204, 0, 0, 0.5) !important;
}
.kunena-topic-item .row.message.msgMenuOpenMobile .showMessageButtons {
  border: 1px solid rgba(77, 77, 77, 0.75) !important;
  background: rgba(38, 38, 38, 0.75);
  font-size: 1rem;
  font-family: montserrat, sans-serif;
}
.kunena-topic-item .row.message:not(:last-child) {
  margin-bottom: 2em;
}
@media (min-width: 50rem) {
  .kunena-topic-item .row.message {
    grid-template-areas: ". datetime" "userprofile topicmessage" "userprofile topicmessage";
    grid-template-columns: 17rem auto;
    grid-template-rows: 5rem auto 5rem;
    padding: 2em 3em 2em 2em;
  }
  .kunena-topic-item .row.message.loggedIn {
    grid-template-areas: ". datetime" "userprofile topicmessage" "userprofile actionbuttons";
  }
  .kunena-topic-item .row.message:not(:last-child) {
    margin-bottom: 4em;
  }
}
.kunena-topic-item .row.message.isAdmin .li-username > a {
  color: #c47a05 !important;
}
.kunena-topic-item .row.message.isMod .li-username > a {
  color: #529930 !important;
}
.kunena-topic-item .row.message #topic-message {
  position: relative;
}
.kunena-topic-item .row.message #signature {
  margin-top: auto;
  display: flex;
}
.kunena-topic-item .row.message #signature.addBorder {
  padding-top: 1em;
  border-top: 1px solid #091f2a;
}
.kunena-topic-item .row.message #signature * {
  color: #7b7b7b;
  font-size: 1rem;
}
.kunena-topic-item .row.message #signature a:hover {
  color: #00baff;
}
.kunena-topic-item .row.message small.text-muted {
  grid-area: datetime;
  width: 100%;
  font-size: 1rem;
  color: #7b7b7b;
  font-family: rubik, sans-serif;
  padding: 0 0 1em 0;
  margin-bottom: 1em;
  border-bottom: 1px solid #091f2a;
  max-height: 4em;
  display: grid;
  grid-template-areas: "timestamp reportButton postID";
  grid-template-columns: 1fr auto auto;
}
@media (min-width: 36rem) {
  .kunena-topic-item .row.message small.text-muted {
    margin-bottom: 2em;
  }
}
.kunena-topic-item .row.message small.text-muted i {
  padding-right: .5em;
}
.kunena-topic-item .row.message small.text-muted i.kicon-report {
  display: none;
}
.kunena-topic-item .row.message small.text-muted > * {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.kunena-topic-item .row.message small.text-muted a {
  color: #666666 !important;
  padding: 0 !important;
}
@media (max-width: 49.9999rem) {
  .kunena-topic-item .row.message small.text-muted a.kbutton-report span {
    display: none;
  }
}
@media (min-width: 50rem) {
  .kunena-topic-item .row.message small.text-muted a.kbutton-report {
    margin-right: 1em;
  }
}
.kunena-topic-item .row.message small.text-muted a.kbutton-report:hover {
  color: #cc0000 !important;
}
.kunena-topic-item .row.message small.text-muted .modalReport {
  background: rgba(2, 8, 11, 0.75);
  position: fixed;
  inset: 0;
  z-index: 1002;
  align-items: center;
  justify-content: center;
}
.kunena-topic-item .row.message small.text-muted .modalReport .modal-dialog {
  width: min(90%, 50rem);
  min-height: 35rem;
  border: 1px solid rgba(9, 33, 44, 0.75);
  background: rgba(7, 23, 32, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 6rem 2rem 3rem 2rem;
}
.kunena-topic-item .row.message small.text-muted .modalReport .modal-dialog .modal-content {
  display: flex;
}
.kunena-topic-item .row.message small.text-muted .modalReport .modal-dialog .modal-content .modal-header {
  position: absolute;
  top: 0;
  right: 0;
}
.kunena-topic-item .row.message small.text-muted .modalReport .modal-dialog .modal-content .modal-header button {
  border: 0 none;
  color: white;
  font-size: 4rem;
  line-height: 0.5;
  padding: .15em;
  border: 1px solid rgba(9, 33, 44, 0.75);
  border-top: 0 none;
  border-right: 0 none;
  background: rgba(3, 11, 15, 0.75);
  transition: background 250ms linear;
}
.kunena-topic-item .row.message small.text-muted .modalReport .modal-dialog .modal-content .modal-header button:hover {
  cursor: pointer;
  background: rgba(13, 45, 61, 0.75);
}
.kunena-topic-item .row.message small.text-muted .modalReport .modal-dialog .modal-content .modal-body label {
  font-family: montserrat, sans-serif;
  color: #999999;
  font-size: 1rem;
  margin-bottom: .5em;
  display: flex;
}
.kunena-topic-item .row.message small.text-muted .modalReport .modal-dialog .modal-content .modal-body h4 {
  font-family: rubik, sans-serif;
  font-size: clamp(1.5rem, 7vw, 2.5rem);
  color: white;
}
.kunena-topic-item .row.message small.text-muted .modalReport .modal-dialog .modal-content .modal-body input,
.kunena-topic-item .row.message small.text-muted .modalReport .modal-dialog .modal-content .modal-body textarea {
  background: rgba(1, 5, 6, 0.75);
  border: 1px solid #0d2d3d;
  color: #999999;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  padding: .5em 1em;
  width: min(100%, 40rem);
}
@media (min-width: 36rem) {
  .kunena-topic-item .row.message small.text-muted .modalReport .modal-dialog .modal-content .modal-body input,
  .kunena-topic-item .row.message small.text-muted .modalReport .modal-dialog .modal-content .modal-body textarea {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.kunena-topic-item .row.message small.text-muted .modalReport .modal-dialog .modal-content .modal-body textarea {
  line-height: 1.5;
}
.kunena-topic-item .row.message small.text-muted .modalReport .modal-dialog .modal-content .modal-body .control-group {
  margin-bottom: 1em;
}
.kunena-topic-item .row.message small.text-muted .modalReport .modal-dialog .modal-content .modal-body .control-group .btn-primary {
  background: #529930 !important;
  color: white !important !important;
  color: white !important;
  width: fit-content;
}
.kunena-topic-item .row.message small.text-muted .modalReport .modal-dialog .modal-content .modal-body .control-group .btn-primary:hover {
  background: #3e7324 !important;
}
.kunena-topic-item .row.message small.text-muted .modalReport .modal-dialog .modal-content .modal-body .control-group button {
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
}
.kunena-topic-item .row.message small.text-muted .modalReport .modal-dialog .modal-content .modal-body .control-group button:hover {
  color: #cccccc;
  cursor: pointer;
}
.kunena-topic-item .row.message small.text-muted a.kbutton-report.show + .modalReport {
  display: flex !important;
}
.kunena-topic-item .row.message small.text-muted .message-id {
  grid-area: postID;
  justify-content: flex-end;
}
.kunena-topic-item .row.message small.text-muted .kbutton-report {
  grid-area: reportButton;
}
@media (min-width: 36rem) {
  .kunena-topic-item .row.message small.text-muted .kbutton-report {
    display: flex;
    justify-content: flex-end;
  }
}
.kunena-topic-item .row.message small.text-muted .timestamp {
  grid-area: timestamp;
  flex-wrap: wrap;
}
.kunena-topic-item .row.message small.text-muted .timestamp .kdate:first-of-type {
  margin-right: .5em;
}
.kunena-topic-item .row.message small.text-muted .timestamp .kdate:last-of-type {
  margin-left: .25em;
}
.kunena-topic-item .row.message .user-profile-message {
  grid-area: userprofile;
  display: flex;
  margin-bottom: 2em;
}
@media (min-width: 50rem) {
  .kunena-topic-item .row.message .user-profile-message {
    padding-right: 1em;
    margin-right: 0em;
    margin-top: -2em;
  }
}
.kunena-topic-item .row.message .user-profile-message .profilebox-message {
  list-style: none;
  align-items: center;
  margin: 0;
  padding: 0;
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "status username" "status clanpos";
}
@media (min-width: 36rem) {
  .kunena-topic-item .row.message .user-profile-message .profilebox-message {
    grid-template-areas: "avatar username status" "avatar clanpos clanpos";
    grid-template-columns: auto auto 1fr;
  }
}
@media (min-width: 50rem) {
  .kunena-topic-item .row.message .user-profile-message .profilebox-message {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
}
.kunena-topic-item .row.message .user-profile-message .profilebox-message > * {
  display: flex;
  align-items: center;
  margin-bottom: .25em;
  font-size: 1rem;
}
@media (min-width: 50rem) {
  .kunena-topic-item .row.message .user-profile-message .profilebox-message > * {
    justify-content: center;
  }
}
.kunena-topic-item .row.message .user-profile-message .profilebox-message .pb-avatar {
  grid-area: avatar;
}
@media (max-width: 35.9999rem) {
  .kunena-topic-item .row.message .user-profile-message .profilebox-message .pb-avatar {
    display: none;
  }
}
@media (min-width: 36rem) {
  .kunena-topic-item .row.message .user-profile-message .profilebox-message .pb-avatar {
    margin-right: .5em;
  }
}
@media (min-width: 50rem) {
  .kunena-topic-item .row.message .user-profile-message .profilebox-message .pb-avatar {
    min-height: 5em;
    width: 100%;
  }
  .kunena-topic-item .row.message .user-profile-message .profilebox-message .pb-avatar a {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
  }
  .kunena-topic-item .row.message .user-profile-message .profilebox-message .pb-avatar a img {
    width: 50%;
  }
}
.kunena-topic-item .row.message .user-profile-message .profilebox-message .li-username {
  grid-area: username;
}
@media (max-width: 49.9999rem) {
  .kunena-topic-item .row.message .user-profile-message .profilebox-message .li-username {
    margin-bottom: 0;
  }
}
@media (min-width: 50rem) {
  .kunena-topic-item .row.message .user-profile-message .profilebox-message .li-username {
    margin-top: 2em;
  }
}
.kunena-topic-item .row.message .user-profile-message .profilebox-message .li-username a {
  font-size: 1.5em;
}
.kunena-topic-item .row.message .user-profile-message .profilebox-message .li-status {
  grid-area: status;
}
@media (max-width: 49.9999rem) {
  .kunena-topic-item .row.message .user-profile-message .profilebox-message .li-status {
    margin-right: .5em;
    margin-bottom: 0 !important;
  }
}
@media (min-width: 50rem) {
  .kunena-topic-item .row.message .user-profile-message .profilebox-message .li-status {
    margin-bottom: 2em;
  }
}
.kunena-topic-item .row.message .user-profile-message .profilebox-message .li-status .kicon-button {
  padding: .5em;
  border-radius: 50%;
  color: #fff;
  font-size: .85rem;
}
@media (min-width: 36rem) {
  .kunena-topic-item .row.message .user-profile-message .profilebox-message .li-status .kicon-button {
    font-size: clamp(1rem, 10vw, 1.125rem);
    margin-left: .5em;
    padding: .4em;
  }
}
@media (min-width: 50rem) {
  .kunena-topic-item .row.message .user-profile-message .profilebox-message .li-status .kicon-button {
    padding: .25em 1em .15em 1em;
    border-radius: 10em;
    margin-left: 0;
  }
}
@media (max-width: 49.9999rem) {
  .kunena-topic-item .row.message .user-profile-message .profilebox-message .li-status .kicon-button > span > span {
    display: none;
  }
}
.kunena-topic-item .row.message .user-profile-message .profilebox-message .li-status .kbuttononline-yes {
  background: #529930;
}
.kunena-topic-item .row.message .user-profile-message .profilebox-message .li-status .kbuttononline-no {
  background: #cc0000;
}
.kunena-topic-item .row.message .user-profile-message .profilebox-message .posinclan {
  grid-area: clanpos;
}
@media (max-width: 49.9999rem) {
  .kunena-topic-item .row.message .user-profile-message .profilebox-message .posinclan {
    font-size: .85em;
    margin-top: -.5em;
    font-style: italic;
  }
}
.kunena-topic-item .row.message .user-profile-message .profilebox-message .li-posts {
  grid-area: posts;
}
.kunena-topic-item .row.message .user-profile-message .profilebox-message .li-likes {
  grid-area: likes;
}
@media (max-width: 49.9999rem) {
  .kunena-topic-item .row.message .user-profile-message .profilebox-message .li-posts,
  .kunena-topic-item .row.message .user-profile-message .profilebox-message .li-likes {
    display: none;
  }
}
.kunena-topic-item .row.message .user-profile-message .profilebox-message .li-posts span,
.kunena-topic-item .row.message .user-profile-message .profilebox-message .li-likes span {
  margin-left: .25em;
}
.kunena-topic-item .row.message .messageContainer {
  grid-area: topicmessage;
  display: flex;
  flex-direction: column;
}
.kunena-topic-item .row.message .MessageActionButtons {
  grid-area: actionbuttons;
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 3em;
}
@media (min-width: 50rem) {
  .kunena-topic-item .row.message .MessageActionButtons {
    margin-top: 0;
    justify-content: flex-end;
    align-items: flex-end;
  }
}
.kunena-topic-item .row.message .MessageActionButtons .showMessageButtons {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  color: #cccccc;
  padding: 1em;
  font-size: 1rem;
  font-family: montserrat, sans-serif;
  border: 1px solid transparent;
}
.kunena-topic-item .row.message .MessageActionButtons .showMessageButtons:hover {
  cursor: pointer;
}
.kunena-topic-item .row.message .MessageActionButtons .showMessageButtons i {
  margin-left: .5em;
  border-radius: 50%;
}
@media (min-width: 50rem) {
  .kunena-topic-item .row.message .MessageActionButtons .hide-desktop {
    display: none;
  }
}
.kunena-topic-item .row.message .MessageActionButtons a {
  color: #999999 !important;
}
.kunena-topic-item .row.message .MessageActionButtons a:hover {
  color: white !important;
}
.kunena-topic-item .row.message .MessageActionButtons a i {
  padding-right: .25em;
}
.kunena-topic-item .row.message .MessageActionButtons a.Kreplyclick {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-radius: 2em;
  grid-area: replybutton;
  font-size: 1rem;
  font-family: montserrat, sans-serif;
  margin-right: auto;
}
.kunena-topic-item .row.message .MessageActionButtons a.Kreplyclick:hover,
.kunena-topic-item .row.message .MessageActionButtons a.Kreplyclick:focus {
  background: #529930 !important;
  color: #fff !important;
  outline: 0;
}
.kunena-topic-item .row.message .MessageActionButtons .MABcontainer {
  display: none;
}
.kunena-topic-item .row.message .MessageActionButtons .MABcontainer.showMobile {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: calc(100% - 1px);
  right: 0;
  border: 1px solid rgba(77, 77, 77, 0.75);
  background: rgba(38, 38, 38, 0.75);
}
.kunena-topic-item .row.message .MessageActionButtons .MABcontainer.showMobile .spanClose {
  display: none !important;
}
.kunena-topic-item .row.message .MessageActionButtons .MABcontainer.showMobile .btn-group .dropdown-menu > * span {
  display: flex !important;
  position: relative !important;
  background: 0 none !important;
  transform: none !important;
  left: 0 !important;
  border: 0 none !important;
}
.kunena-topic-item .row.message .MessageActionButtons .MABcontainer.showMobile .btn-group .dropdown-menu > * span::after {
  display: none;
}
.kunena-topic-item .row.message .MessageActionButtons .MABcontainer.showMobile .btn-group .dropdown-menu {
  width: 100%;
}
.kunena-topic-item .row.message .MessageActionButtons .MABcontainer.showMobile .btn-group .dropdown-menu li {
  width: 100% !important;
  justify-content: flex-start;
}
.kunena-topic-item .row.message .MessageActionButtons .MABcontainer.showMobile .btn-group .dropdown-menu li:hover {
  background: rgba(13, 13, 13, 0.75) !important;
}
.kunena-topic-item .row.message .MessageActionButtons .MABcontainer a,
.kunena-topic-item .row.message .MessageActionButtons .MABcontainer li {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-family: montserrat, sans-serif;
}
@media (min-width: 50rem) {
  .kunena-topic-item .row.message .MessageActionButtons .MABcontainer {
    grid-template-areas: "btngroup1 btngroup2 replybutton";
    grid-template-columns: auto auto auto;
    display: grid;
  }
}
.kunena-topic-item .row.message .MessageActionButtons .MABcontainer .btn-group {
  display: flex;
  align-items: center;
}
.kunena-topic-item .row.message .MessageActionButtons .MABcontainer .btn-group:first-of-type {
  grid-area: btngroup1;
}
.kunena-topic-item .row.message .MessageActionButtons .MABcontainer .btn-group:last-of-type {
  grid-area: btngroup2;
}
.kunena-topic-item .row.message .MessageActionButtons .MABcontainer .btn-group .dropdown-menu {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-direction: column;
}
@media (min-width: 50rem) {
  .kunena-topic-item .row.message .MessageActionButtons .MABcontainer .btn-group .dropdown-menu {
    flex-direction: row;
  }
}
.kunena-topic-item .row.message .MessageActionButtons .MABcontainer .btn-group .dropdown-menu > * {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
@media (min-width: 50rem) {
  .kunena-topic-item .row.message .MessageActionButtons .MABcontainer .btn-group .dropdown-menu > * {
    padding: 0 !important;
  }
}
.kunena-topic-item .row.message .MessageActionButtons .MABcontainer .btn-group .dropdown-menu > * a {
  position: relative;
}
@media (min-width: 50rem) {
  .kunena-topic-item .row.message .MessageActionButtons .MABcontainer .btn-group .dropdown-menu > * a {
    height: 3rem;
    width: 3rem;
    display: grid;
    place-content: center;
  }
}
.kunena-topic-item .row.message .MessageActionButtons .MABcontainer .btn-group .dropdown-menu > * a#btn_unthankyou,
.kunena-topic-item .row.message .MessageActionButtons .MABcontainer .btn-group .dropdown-menu > * a#btn_thankyou {
  padding: 0;
}
.kunena-topic-item .row.message .MessageActionButtons .MABcontainer .btn-group .dropdown-menu > * span {
  display: none;
  position: absolute;
  top: 0;
  right: 20%;
  transform: translate(0, -110%);
  border: 1px solid rgba(77, 77, 77, 0.75);
  background: rgba(38, 38, 38, 0.75);
  bottom: auto;
  padding: .5em 1em;
  font-size: .95rem;
  border-radius: 10em;
  font-family: montserrat, sans-serif;
  white-space: nowrap;
  color: white;
}
.kunena-topic-item .row.message .MessageActionButtons .MABcontainer .btn-group .dropdown-menu > * span::after {
  content: "";
  position: absolute;
  bottom: 3px;
  right: 20px;
  transform: translate(0, 100%) rotate(90deg);
  width: 0;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 13px solid transparent;
  border-top: 20px solid rgba(77, 77, 77, 0.75) !important;
}
.kunena-topic-item .row.message .MessageActionButtons .MABcontainer .btn-group .dropdown-menu > * a:hover span {
  display: flex;
}
.kunena-topic-item .row.message .kmsg {
  font-size: 1rem;
  font-family: montserrat, sans-serif;
  color: #b3b3b3;
  line-height: 1.65;
  padding-bottom: 2em;
}
@media (min-width: 50rem) {
  .kunena-topic-item .row.message .kmsg {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.kunena-topic-item .row.message .kmsg .kmsgimage {
  margin-bottom: 1em;
}
.kunena-topic-item .row.message .kmsg blockquote {
  margin: 1em 0;
  border: 1px solid #081e28;
  background: rgba(0, 0, 0, 0.75);
  padding: 1em;
  font-size: 1rem;
}
.kunena-topic-item .row.message .kmsg blockquote > div > div > a {
  color: #999999 !important;
}
.kunena-topic-item .row.message .kmsg blockquote > div > div > a:hover {
  color: #0082b3 !important;
}
.kunena-topic-item .row.message .kmsg blockquote > blockquote {
  margin-left: 2rem;
}
.kunena-topic-item .row.message .kmsg a {
  color: #0082b3;
}
.kunena-topic-item .row.message .kmsg a:hover {
  color: #00baff;
}
.kunena-topic-item .row.message .kmsg .kmsgattach {
  background: #000000;
  padding: 1em 1.5em;
}
.kunena-topic-item .row.message .kmsg .kmsgattach h4 {
  font-size: 1rem;
  margin: 0;
}
.kunena-topic-item .row.message .kmsg .kmsgattach.error h4,
.kunena-topic-item .row.message .kmsg .kmsgattach.error i,
.kunena-topic-item .row.message .kmsg .kmsgattach.error span {
  color: #cc0000;
  font-size: 1rem;
}
.kunena-topic-item .row.message .kmsg .kmsgattach.error h4,
.kunena-topic-item .row.message .kmsg .kmsgattach.error span {
  font-family: montserrat, sans-serif;
}
.kunena-topic-item .row.message .attachment-guests {
  padding: 1em 0;
  font-size: 1rem;
  color: #b3b3b3;
  font-family: montserrat, sans-serif;
}
.kunena-topic-item .row.message .kattach .thumbnails {
  background: #000;
  border: 1px solid #0d2d3d;
  padding: 1em;
  margin: 0;
  margin-bottom: 1.5em;
  list-style: none;
  gap: 2em;
  display: flex;
  flex-flow: row wrap;
}
.kunena-topic-item .row.message .kattach .thumbnails img {
  max-height: none !important;
  width: 100% !important;
  filter: brightness(100%);
  transition: filter 300ms linear;
}
.kunena-topic-item .row.message .kattach .thumbnails img:hover {
  filter: brightness(150%);
}
.kunena-topic-item .row.message .kattach .thumbnails li {
  flex-basis: 100%;
}
@media (min-width: 36rem) {
  .kunena-topic-item .row.message .kattach .thumbnails li {
    flex-basis: calc((100% - 2rem) / 2);
  }
}
@media (min-width: 50rem) {
  .kunena-topic-item .row.message .kattach .thumbnails li {
    flex-basis: calc((100% - 4rem) / 3);
  }
}
@media (min-width: 80rem) {
  .kunena-topic-item .row.message .kattach .thumbnails li {
    flex-basis: calc((100% - 6rem) / 4);
  }
}
.kunena-topic-item .row.message .kattach .thumbnails li div {
  line-height: 0;
}
.kunena-topic-item .row.message .kattach .thumbnails li div a {
  white-space: nowrap;
  padding: 0 !important;
  color: #999999 !important;
}
.kunena-topic-item .row.message .kattach .thumbnails li div a img {
  margin-bottom: .5em;
}
.kunena-topic-item .row.message .kattach .thumbnails li div a:hover {
  color: #cccccc !important;
}
.kunena-topic-item .row.message .kattach h5 {
  font-size: 1rem;
  margin: 0;
  color: #cccccc;
}
@media (min-width: 50rem) {
  .kunena-topic-item .row.message .kattach h5 {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.kunena-topic-item .kreply {
  display: flex !important;
  margin-top: 5em;
  background: #02080b;
  padding: 2em;
}
.kunena-topic-item .kreply .bottom-resize-line {
  display: none;
}
.kunena-topic-item .kreply form {
  width: 100%;
}
.kunena-topic-item .kreply form .modal-header {
  text-align: center;
  margin-bottom: 2em;
  border-bottom: 2px solid #081a24;
}
.kunena-topic-item .kreply form .modal-header h3 {
  padding-bottom: .25em;
}
.kunena-topic-item .kreply form label,
.kunena-topic-item .kreply form small {
  font-family: montserrat, sans-serif;
  color: #999999;
  font-size: 1rem;
}
.kunena-topic-item .kreply form .modal-body {
  display: grid;
}
@media (min-width: 50rem) {
  .kunena-topic-item .kreply form .modal-body {
    grid-template-columns: 15rem 1fr 1fr;
    gap: 0 2rem;
    grid-template-areas: "profile textbox textbox" "profile subscribe fulleditor";
  }
}
.kunena-topic-item .kreply form .modal-body .form-group:is(:first-of-type) {
  display: none;
}
.kunena-topic-item .kreply form .modal-body .profile {
  grid-area: profile;
  display: flex;
  justify-content: center;
  padding-top: 4em;
}
.kunena-topic-item .kreply form .modal-body .profile span a {
  font-size: 1.85em;
}
.kunena-topic-item .kreply form .modal-body .profile + .form-group {
  display: none;
}
.kunena-topic-item .kreply form .modal-body .form-group + .form-group {
  grid-area: textbox;
  margin-bottom: 1em;
}
.kunena-topic-item .kreply form .modal-body .form-group ~ .control-group {
  grid-area: subscribe;
  display: flex;
  align-items: center;
}
.kunena-topic-item .kreply form .modal-body .control-group + a {
  grid-area: fulleditor;
  justify-content: flex-end;
  display: flex;
  align-items: center;
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
  width: fit-content;
  margin-left: auto;
}
.kunena-topic-item .kreply form .modal-body .control-group + a:hover {
  color: #cccccc;
  cursor: pointer;
}
.kunena-topic-item .kreply form .modal-body .clearfix {
  display: none;
}
.kunena-topic-item .kreply form .modal-body .wysibb-body {
  min-height: 15em !important;
}
.kunena-topic-item .kreply form .modal-footer {
  display: flex;
  flex-wrap: wrap;
  padding-top: 1.5em;
  border-top: 2px solid #081a24;
}
@media (min-width: 50rem) {
  .kunena-topic-item .kreply form .modal-footer {
    width: calc(100% - 17rem);
    margin-left: auto;
  }
}
.kunena-topic-item .kreply form .modal-footer small {
  display: flex;
  margin-right: auto;
  width: 100%;
  margin-bottom: 1em;
}
.kunena-topic-item .kreply form .modal-footer input {
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
}
.kunena-topic-item .kreply form .modal-footer input:hover {
  color: #cccccc;
  cursor: pointer;
}
.kunena-topic-item .kreply form .modal-footer input.kreply-submit {
  background: #529930 !important;
  color: white !important !important;
  color: white !important;
}
.kunena-topic-item .kreply form .modal-footer input.kreply-submit:hover {
  background: #3e7324 !important;
}
#modal_confirm_template_category {
  display: none;
}
form.topicEditNew {
  display: flex;
  justify-content: center;
  margin-top: 5em;
  /*topic history in reply to topic full editor*/
}
form.topicEditNew .gobacktotopic {
  display: none;
}
form.topicEditNew .well {
  width: 100%;
  background: #02080b;
  padding: 2em 1em;
}
@media (min-width: 50rem) {
  form.topicEditNew .well {
    padding: 3em 4em;
    width: min(90%, 60rem);
  }
}
form.topicEditNew #kpost-topicicons #iconset_topic_list {
  display: flex;
  flex-wrap: wrap;
}
form.topicEditNew #kpost-topicicons #iconset_topic_list input {
  display: none;
}
form.topicEditNew #kpost-topicicons #iconset_topic_list input:is(:checked) + label,
form.topicEditNew #kpost-topicicons #iconset_topic_list input:not(:checked) + label:hover {
  background: #000;
  border: 1px solid #0d2d3d;
  border-radius: .5em;
}
form.topicEditNew #kpost-topicicons #iconset_topic_list label {
  padding: 1em;
  border: 1px solid transparent;
}
form.topicEditNew #kpost-topicicons #iconset_topic_list label:hover {
  cursor: pointer;
}
form.topicEditNew #modified_reason #buttonTopicEdit + .modal {
  display: none;
}
form.topicEditNew #modified_reason #buttonTopicEdit + .modal.show {
  display: block;
}
form.topicEditNew #modified_reason #modalReason textarea {
  resize: vertical;
  width: 100%;
  max-width: 100%;
  background: #000;
  border: 1px solid #040e13;
  min-height: 5em;
  color: #cccccc;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  padding: 1em;
}
form.topicEditNew #modified_reason #modalReason textarea:focus {
  border: 2px solid #0d2d3d;
  outline: 0;
}
form.topicEditNew .center {
  margin-top: 2em;
}
form.topicEditNew .center .btn-success {
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
  background: #529930;
  color: white !important;
}
form.topicEditNew .center .btn-success:hover {
  color: #cccccc;
  cursor: pointer;
}
form.topicEditNew .center .btn-success:hover {
  background: #3e7324;
}
form.topicEditNew .center .btn-default {
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
}
form.topicEditNew .center .btn-default:hover {
  color: #cccccc;
  cursor: pointer;
}
form.topicEditNew fieldset {
  border: 0 none;
  padding: 0;
  margin: 0;
}
form.topicEditNew fieldset label {
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  margin-bottom: .5em;
  display: flex;
}
form.topicEditNew fieldset .form-group {
  margin-bottom: 3em;
}
form.topicEditNew fieldset .form-group input {
  width: 100%;
  background: #000;
  border: 1px solid #040e13;
  color: #cccccc;
  padding: .75em 1em;
  font-family: rubik, sans-serif;
  font-size: 1.125rem;
}
@media (min-width: 36rem) {
  form.topicEditNew fieldset .form-group input {
    font-size: clamp(1.25rem, 10vw, 1.75rem);
  }
}
form.topicEditNew fieldset .control-group {
  margin-bottom: 1em;
}
form.topicEditNew fieldset .bottom-resize-line {
  background: rgba(77, 77, 77, 0.75) !important;
  height: 3px !important;
}
form.topicEditNew fieldset button {
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
}
form.topicEditNew fieldset button:hover {
  color: #cccccc;
  cursor: pointer;
}
form.topicEditNew fieldset button.kreply-cancel {
  display: none;
}
form.topicEditNew fieldset button#buttonTopicEdit {
  width: 100%;
  background: 0 none;
  padding: 1em;
  padding-left: 0;
  color: #cccccc;
}
form.topicEditNew fieldset button#buttonTopicEdit:hover {
  color: #e6e6e6;
}
@media (min-width: 36rem) {
  form.topicEditNew fieldset button#buttonTopicEdit {
    width: fit-content;
  }
}
form.topicEditNew fieldset #kshow_attach_form {
  padding: 1em;
  padding-left: 0;
}
form.topicEditNew fieldset #kshow_attach_form:hover {
  color: #e6e6e6;
}
form.topicEditNew fieldset #modalAttachments {
  display: none;
}
form.topicEditNew fieldset #modalAttachments.show {
  display: block;
}
form.topicEditNew fieldset #modalAttachments #kattach_form {
  display: flex !important;
  flex-direction: column;
  font-size: 1rem;
  line-height: 1.5;
  font-family: montserrat, sans-serif;
  color: #999999;
}
@media (min-width: 36rem) {
  form.topicEditNew fieldset #modalAttachments #kattach_form {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
form.topicEditNew fieldset br {
  display: none;
}
form.topicEditNew fieldset .buttonContainer {
  margin: 1em 0;
}
form.topicEditNew fieldset .buttonContainer > span {
  background: 0 none !important;
  padding: 1em 2em !important;
  font-family: montserrat, sans-serif !important;
  font-size: 1rem !important;
  color: #999999 !important;
  text-decoration: none !important;
  transition: background 300ms linear, color 300ms linear !important;
  border: 0 none !important;
  box-shadow: none !important;
}
form.topicEditNew fieldset .buttonContainer > span:hover {
  color: #cccccc !important;
  cursor: pointer !important;
}
form.topicEditNew fieldset .buttonContainer .fileinput-button {
  width: 100%;
  text-align: center;
}
@media (min-width: 36rem) {
  form.topicEditNew fieldset .buttonContainer .fileinput-button {
    width: fit-content;
  }
}
form.topicEditNew fieldset #dropzone {
  display: flex;
  width: 100%;
  height: 10em;
  align-items: center;
  justify-content: center;
  margin-bottom: 2em;
  border: 2px dashed rgba(77, 77, 77, 0.75) !important;
  background: #000 !important;
  padding: .5em;
}
form.topicEditNew fieldset #dropzone .message {
  text-align: center;
}
form.topicEditNew fieldset #files {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2em .5em;
  margin-bottom: 2em;
}
@media (min-width: 36rem) {
  form.topicEditNew fieldset #files {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 50rem) {
  form.topicEditNew fieldset #files {
    grid-template-columns: repeat(3, 1fr);
  }
}
form.topicEditNew fieldset #files > div {
  background: #000000;
  padding: .5em;
}
form.topicEditNew fieldset #files > div img {
  width: 100%;
}
form.topicEditNew fieldset #files > div button.btn-primary {
  background: #529930;
  color: white !important;
  margin-bottom: .25em;
}
form.topicEditNew fieldset #files > div button.btn-primary:hover {
  background: #3e7324;
}
form.topicEditNew fieldset #files > div button.btn-danger {
  background: #cc0000;
  color: white !important;
  background: 0 none;
}
form.topicEditNew fieldset #files > div button.btn-danger:hover {
  background: #990000;
}
form.topicEditNew fieldset #files > div button {
  width: 100%;
  color: white;
}
form.topicEditNew fieldset #files > div p {
  font-size: 1rem;
  color: #999999;
}
form.topicEditNew + .pull-right {
  display: none;
}
form.topicEditNew + .pull-right + h3 {
  margin-top: 5rem !important;
}
form.topicEditNew + .pull-right + h3,
form.topicEditNew + .pull-right ~ #history {
  width: min(100%, 60rem);
}
#history > p,
.khistory > p {
  font-style: italic;
}
#history blockquote,
.khistory blockquote {
  margin: 1em 0;
  border: 1px solid #081e28;
  background: rgba(0, 0, 0, 0.75);
  padding: 1em;
  font-size: 1rem;
}
#history blockquote > div > div > a,
.khistory blockquote > div > div > a {
  color: #999999 !important;
}
#history blockquote > div > div > a:hover,
.khistory blockquote > div > div > a:hover {
  color: #0082b3 !important;
}
#history blockquote > blockquote,
.khistory blockquote > blockquote {
  margin-left: 2rem;
}
#history .row,
.khistory .row {
  display: grid;
  grid-template-columns: 1f;
  grid-template-areas: "profile" "content";
  padding: 2em 3em 2em 2em;
  background: #02080b;
}
@media (min-width: 50rem) {
  #history .row,
  .khistory .row {
    grid-template-columns: 15rem auto;
    grid-template-areas: "profile content";
  }
}
#history .row:not(:last-of-type),
.khistory .row:not(:last-of-type) {
  margin-bottom: 4em;
}
#history .row > div:first-of-type,
.khistory .row > div:first-of-type {
  grid-area: profile;
}
#history .row > div:first-of-type ul,
.khistory .row > div:first-of-type ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 2em;
}
@media (min-width: 50rem) {
  #history .row > div:first-of-type ul,
  .khistory .row > div:first-of-type ul {
    margin-top: 2em;
    flex-direction: column-reverse;
    align-items: center;
  }
}
#history .row > div:first-of-type ul li strong,
.khistory .row > div:first-of-type ul li strong {
  font-weight: normal;
  margin-left: 2em;
}
#history .row > div:first-of-type ul li strong a,
.khistory .row > div:first-of-type ul li strong a {
  font-family: montserrat, sans-serif;
  font-size: 1.5em;
  line-height: 1.5;
}
#history .row > div:first-of-type ul li img,
.khistory .row > div:first-of-type ul li img {
  width: 9rem;
  margin-bottom: 1em;
}
#history .row > div:nth-of-type(2),
.khistory .row > div:nth-of-type(2) {
  grid-area: content;
}
#history .row .text-muted,
.khistory .row .text-muted {
  display: flex;
  width: 100%;
  font-size: 1rem;
  color: #7b7b7b;
  font-family: rubik, sans-serif;
  padding: 0 0 1em 0;
  margin-bottom: 1em;
  border-bottom: 1px solid #091f2a;
}
#history .row .kmessage p,
.khistory .row .kmessage p {
  color: #999999;
}
.moderateThisTopic {
  display: flex;
  justify-content: center;
  width: 100%;
}
.moderateThisTopic * {
  color: #999999;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}
@media (min-width: 36rem) {
  .moderateThisTopic * {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.moderateThisTopic form {
  width: min(90%, 60rem);
  background: #02080b;
  display: flex;
  justify-content: center;
  margin-top: 5em;
}
.moderateThisTopic .tabMenu {
  width: calc(100% - 4rem);
  display: grid;
  grid-template-columns: 1fr;
  gap: 2em;
  padding: 2em 0;
}
.moderateThisTopic .tabMenu .nav-tabs {
  padding: 0;
  margin: 0;
  list-style: none;
  position: sticky;
  top: 100px;
  display: none;
}
.moderateThisTopic .tabMenu .label {
  font-size: 1.5rem;
  color: #cccccc;
  margin-bottom: .5em;
}
.moderateThisTopic .tabMenu .item:not(:last-of-type) {
  margin-bottom: 5em;
}
.moderateThisTopic .tabMenu .item.mod-message .topicHeaders {
  display: grid;
  grid-template-columns: 7rem 1fr;
  column-gap: 1em;
  grid-template-areas: "avatar subject" "avatar time";
  margin: 2em 0;
}
.moderateThisTopic .tabMenu .item.mod-message .topicHeaders .avatar {
  grid-area: avatar;
}
.moderateThisTopic .tabMenu .item.mod-message .topicHeaders .avatar img {
  width: 100%;
}
.moderateThisTopic .tabMenu .item.mod-message .topicHeaders .subject {
  grid-area: subject;
  font-size: clamp(1.5rem, 7vw, 2.5rem);
}
.moderateThisTopic .tabMenu .item.mod-message .topicHeaders small {
  grid-area: time;
}
@media (min-width: 50rem) {
  .moderateThisTopic .tabMenu .item.mod-message .khistory {
    padding-left: 8rem;
  }
}
.moderateThisTopic .tabMenu .tab-pane {
  margin-bottom: 5em;
}
.moderateThisTopic .tabMenu .dl-horizontal {
  display: grid;
  grid-template-columns: 1fr;
  margin: 0;
  gap: .5em 1em;
}
@media (min-width: 36rem) {
  .moderateThisTopic .tabMenu .dl-horizontal {
    grid-template-columns: 12rem 1fr;
  }
}
.moderateThisTopic .tabMenu .dl-horizontal > * {
  padding: 0;
  margin: 0;
}
.moderateThisTopic .tabMenu .kmoderate-topicicons {
  display: flex;
  flex-wrap: wrap;
}
.moderateThisTopic .tabMenu .kmoderate-topicicons input {
  display: none;
}
.moderateThisTopic .tabMenu .kmoderate-topicicons input:is(:checked) + label,
.moderateThisTopic .tabMenu .kmoderate-topicicons input:not(:checked) + label:hover {
  background: #000;
  border: 1px solid #0d2d3d;
  border-radius: .5em;
}
.moderateThisTopic .tabMenu .kmoderate-topicicons label {
  padding: 1em;
  border: 1px solid transparent;
}
.moderateThisTopic .tabMenu .kmoderate-topicicons label:hover {
  cursor: pointer;
}
.moderateThisTopic .tabMenu .moveTopic .control-group {
  margin-bottom: 1em;
  display: grid;
}
@media (min-width: 36rem) {
  .moderateThisTopic .tabMenu .moveTopic .control-group.box {
    grid-template-columns: 12rem 1fr;
  }
}
.moderateThisTopic .tabMenu .moveTopic .control-group.box label {
  display: flex;
  align-items: center;
}
.moderateThisTopic .tabMenu .moveTopic .control-group select,
.moderateThisTopic .tabMenu .moveTopic .control-group input {
  background: rgba(1, 5, 6, 0.75);
  border: 1px solid #0d2d3d;
  color: #999999;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  padding: .5em 1em;
  width: 100%;
}
@media (min-width: 36rem) {
  .moderateThisTopic .tabMenu .moveTopic .control-group select,
  .moderateThisTopic .tabMenu .moveTopic .control-group input {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.moderateThisTopic .tabMenu .moveTopic .control-group select:focus,
.moderateThisTopic .tabMenu .moveTopic .control-group input:focus {
  outline: 0;
  border: 1px solid #278abc;
}
.moderateThisTopic .tabMenu .moveTopic .control-group label.checkbox {
  display: flex;
  align-items: center;
}
.moderateThisTopic .tabMenu .moveTopic .control-group label.checkbox input {
  width: auto;
  margin-right: .5em;
}
.moderateThisTopic .tabMenu .bottomButtons input.btn-primary {
  background: #529930 !important;
  color: white !important !important;
  color: white !important;
}
.moderateThisTopic .tabMenu .bottomButtons input.btn-primary:hover {
  background: #3e7324 !important;
}
.moderateThisTopic .tabMenu .bottomButtons input,
.moderateThisTopic .tabMenu .bottomButtons a {
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
}
.moderateThisTopic .tabMenu .bottomButtons input:hover,
.moderateThisTopic .tabMenu .bottomButtons a:hover {
  color: #cccccc;
  cursor: pointer;
}
.moderateThisTopic .userBanHistory h3 {
  font-size: 1.5rem !important;
  color: #cccccc !important;
  margin-bottom: .5em;
}
.moderateThisTopic .userBanHistory > table thead tr,
.moderateThisTopic .userBanHistory > table tbody tr {
  display: grid;
  grid-template-columns: 4rem repeat(5, 1fr);
  padding: 1.75em 0;
}
.moderateThisTopic .userBanHistory > table thead tr.children-1,
.moderateThisTopic .userBanHistory > table tbody tr.children-1 {
  grid-template-columns: 1fr;
}
.moderateThisTopic .userBanHistory > table thead tr th,
.moderateThisTopic .userBanHistory > table tbody tr th {
  font-weight: normal;
}
.moderateThisTopic .userBanHistory > table thead tr {
  border-bottom: 2px solid #081a24;
}
.moderateThisTopic .userBanHistory > table tbody tr:not(:last-of-type) {
  border-bottom: 2px solid #081a24;
}
.message-list-container {
  width: 100%;
  margin-top: 5rem;
}
.message-list-container .filter-time {
  line-height: 1;
}
.message-list-container .filter-time .label {
  font-size: 1rem;
  font-family: montserrat, sans-serif;
  color: #cccccc;
  display: flex;
  margin-bottom: .5em;
}
.message-list-container select,
.message-list-container input[type="text"] {
  background: rgba(1, 5, 6, 0.75);
  border: 1px solid #0d2d3d;
  color: #999999;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  padding: .5em 1em;
  width: 100%;
}
@media (min-width: 36rem) {
  .message-list-container select,
  .message-list-container input[type="text"] {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.message-list-container select:focus,
.message-list-container input[type="text"]:focus {
  outline: 0;
  border: 1px solid #278abc;
}
.message-list-container select option,
.message-list-container input[type="text"] option,
.message-list-container select optgroup,
.message-list-container input[type="text"] optgroup {
  color: white;
}
.message-list-container .noposts {
  padding: 1.75em 0;
}
.message-list-container .search {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 3em;
}
@media (min-width: 36rem) {
  .message-list-container .search {
    margin-bottom: 0;
  }
}
.message-list-container .search input {
  width: 100%;
}
@media (min-width: 36rem) {
  .message-list-container .search input {
    width: max-content;
  }
}
.message-list-container .search button[type="submit"] {
  background: 0 none;
  padding: 1em 2em;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
  background: rgba(1, 5, 6, 0.75);
  border: 1px solid #0d2d3d;
  color: #999999;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  padding: .5em 1em;
  width: 100%;
  width: fit-content;
  margin-left: -1px;
}
.message-list-container .search button[type="submit"]:hover {
  color: #cccccc;
  cursor: pointer;
}
@media (min-width: 36rem) {
  .message-list-container .search button[type="submit"] {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.message-list-container .search button[type="submit"]:focus {
  outline: 0;
  border: 1px solid #278abc;
}
.message-list-container .search button[type="submit"] option,
.message-list-container .search button[type="submit"] optgroup {
  color: white;
}
.message-list-container .searchpagination {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.message-list-container .searchpagination > div:last-of-type .paginationContainer {
  grid-template-columns: 1fr !important;
}
.message-list-container table {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.message-list-container table thead {
  margin-top: .5em;
}
.message-list-container table thead,
.message-list-container table tbody {
  background: #02080b;
}
.message-list-container table tfoot tr {
  width: 100%;
}
.message-list-container table > * {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.message-list-container table thead tr {
  border-bottom: 2px solid #081a24;
}
.message-list-container table tbody .ktopic-category a {
  color: #999999 !important;
}
.message-list-container table tbody .ktopic-category a:hover {
  color: #cccccc !important;
}
.message-list-container table tbody .lastChild .row-fluid > div {
  display: flex;
  flex-direction: column;
}
.message-list-container table tbody .lastChild .row-fluid > div .datepost:first-of-type {
  display: flex;
  flex-direction: row;
  gap: .25em;
}
.message-list-container table tbody .lastChild .row-fluid > div .datepost:first-of-type a:first-of-type {
  color: #999999 !important;
}
.message-list-container table tbody .lastChild .row-fluid > div .datepost:first-of-type a:first-of-type:hover {
  color: #cccccc !important;
}
#kunena .action-buttons ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
#kunena .btn,
#kunena .dropdown-menu li {
  color: #cccccc;
  padding: .5em 1em;
  transition: background 300ms linear, color 300ms linear;
  background: transparent;
}
#kunena .btn:hover,
#kunena .dropdown-menu li:hover,
#kunena .btn:focus-within,
#kunena .dropdown-menu li:focus-within,
#kunena .btn:focus,
#kunena .dropdown-menu li:focus {
  color: #fff;
}
#kunena .btn-success,
#kunena li.replyButton a {
  background: #529930;
  color: #fff;
}
#kunena .btn-success a,
#kunena li.replyButton a a {
  color: #fff;
}
#kunena .btn-success:hover,
#kunena li.replyButton a:hover {
  background: #5dad36;
}
.cbProfile {
  display: grid;
  justify-content: center;
  grid-template-columns: 1fr;
  place-items: center;
  width: 100%;
  grid-template-areas: "profileBG" "profileMenu" "information";
}
.cbProfile .cbPosSeparator {
  display: none;
}
.cbProfile > *:not(.cbCanvasLayout) {
  width: min(90%, 80rem);
}
.cbProfile .userNameTitle {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.cbProfile .cbProfileTitle .profileAvatar img {
  display: block;
  max-width: 100%;
  width: auto !important;
}
.cbProfile .cbProfileTitle .profileAvatar > div > div {
  display: flex;
  justify-content: center;
}
.cbProfile .cbProfileTitle > h3 {
  line-height: 1;
}
.cbProfile .cbProfileTitle + .cbFieldsContentsTab {
  display: flex;
  flex-flow: wrap;
  width: min(90%, 80rem) !important;
}
.cbProfile .cbProfileTitle + .cbFieldsContentsTab > * {
  display: inline-flex;
  flex-direction: column-reverse;
  flex: 1 1 calc(100% / 2) !important;
}
@media (min-width: 62rem) {
  .cbProfile .cbProfileTitle + .cbFieldsContentsTab > * {
    flex: 1 1 calc(100% / 4) !important;
  }
}
.cbProfile .cbProfileTitle + .cbFieldsContentsTab > *.profileUserStatus,
.cbProfile .cbProfileTitle + .cbFieldsContentsTab > *.positioninclan {
  flex: 1 1 100% !important;
}
.cbProfile .cbProfileTitle + .cbFieldsContentsTab > *.profileUserStatus .cb_field,
.cbProfile .cbProfileTitle + .cbFieldsContentsTab > *.positioninclan .cb_field {
  display: flex;
}
.cbProfile .cbProfileTitle + .cbFieldsContentsTab > *.profileUserStatus .cb_field {
  padding-bottom: 4rem !important;
}
.cbProfile .cbProfileTitle + .cbFieldsContentsTab > *.positioninclan {
  display: flex;
}
.cbProfile .cbProfileTitle + .cbFieldsContentsTab > *.positioninclan .cb_field > div {
  font-size: 1rem;
  line-height: 1.5;
  font-style: italic;
  font-weight: normal;
  color: #cccccc;
  text-shadow: 0 0 2px #000;
}
@media (min-width: 36rem) {
  .cbProfile .cbProfileTitle + .cbFieldsContentsTab > *.positioninclan .cb_field > div {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
@media (min-width: 50rem) {
  .cbProfile .cbProfileTitle + .cbFieldsContentsTab > *.positioninclan .cb_field > div {
    font-size: 1.5rem;
  }
}
.cbProfile .cbProfileTitle + .cbFieldsContentsTab > *.positioninclan .cb_field > div::before {
  content: "(";
}
.cbProfile .cbProfileTitle + .cbFieldsContentsTab > *.positioninclan .cb_field > div::after {
  content: ")";
}
.cbProfile .cbProfileTitle + .cbFieldsContentsTab > * > * > * {
  display: flex;
  justify-content: center;
  font-size: 3rem;
  font-weight: bold;
  font-family: rubik, sans-serif;
  color: #fff;
}
.cbProfile .cbProfileTitle + .cbFieldsContentsTab > * label {
  display: flex !important;
  justify-content: center;
  font-size: 1rem;
  font-family: montserrat, sans-serif;
  color: #cccccc;
  display: flex;
  margin-bottom: .5em;
  color: #fff;
  text-shadow: 0 0 2px #000;
  font-size: 1.125rem;
}
.cbProfile .cbProfileTitle + .cbFieldsContentsTab > * .cb_online,
.cbProfile .cbProfileTitle + .cbFieldsContentsTab > * .cb_offline {
  display: flex;
  justify-content: center;
  width: max-content;
}
.cbProfile .cbProfileTitle + .cbFieldsContentsTab > * .cb_online > span:first-of-type,
.cbProfile .cbProfileTitle + .cbFieldsContentsTab > * .cb_offline > span:first-of-type {
  display: none;
}
.cbProfile .cbProfileTitle + .cbFieldsContentsTab > * .cb_online > span:last-of-type,
.cbProfile .cbProfileTitle + .cbFieldsContentsTab > * .cb_offline > span:last-of-type {
  padding: .5em 1em;
  font-family: montserrat, sans-serif;
  color: white;
  border-radius: 10em;
  font-size: 1rem;
  line-height: 1.5;
  line-height: 1;
}
@media (min-width: 36rem) {
  .cbProfile .cbProfileTitle + .cbFieldsContentsTab > * .cb_online > span:last-of-type,
  .cbProfile .cbProfileTitle + .cbFieldsContentsTab > * .cb_offline > span:last-of-type {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.cbProfile .cbProfileTitle + .cbFieldsContentsTab > * .cb_online > span:last-of-type {
  background: #529930;
}
.cbProfile .cbProfileTitle + .cbFieldsContentsTab > * .cb_offline > span:last-of-type {
  background: #cc0000;
}
.cbProfile > .cbCanvasLayout {
  width: 100%;
  min-height: 50rem;
  overflow: hidden;
  margin-bottom: 4em;
  grid-area: profileBG;
  display: flex;
  justify-content: center;
  position: relative;
  border-bottom: 5px solid #000;
}
.cbProfile > .cbCanvasLayout img {
  display: none;
}
.cbProfile > .cbCanvasLayout > div {
  width: 100%;
  min-height: 100% !important;
}
.cbProfile > .cbCanvasLayout > div .cbCanvasLayoutBackground {
  display: grid;
  place-items: center;
}
.cbProfile > .cbCanvasLayout > div .cbCanvasLayoutBackground > * {
  grid-row: 1 / -1;
  grid-column: 1 / -1;
}
.cbProfile > .cbCanvasLayout > div .cbCanvasLayoutBackground .userNameTitle {
  height: max-content;
  position: relative;
  margin: 10rem 0;
}
.cbProfile > .cbCanvasLayout > div .cbCanvasLayoutBackground .userNameTitle .cb_form_line:not(.positioninclan, .profileAvatar, .profileUserStatus) {
  margin-bottom: 3rem !important;
}
@media (min-width: 62rem) {
  .cbProfile > .cbCanvasLayout > div .cbCanvasLayoutBackground .userNameTitle .cb_form_line:not(.positioninclan, .profileAvatar, .profileUserStatus) {
    margin-bottom: 1rem !important;
  }
}
.cbProfile > .cbCanvasLayout > div .cbCanvasLayoutBackground .userNameTitle .cb_form_line.positioninclan {
  margin-bottom: .5em !important;
}
.cbProfile > .cbCanvasLayout > div .cbCanvasLayoutBackground .userProfileBackground .cbFieldsContentsTab .form-group:first-of-type .cb_field > div > div {
  isolation: isolate;
}
.cbProfile > .cbCanvasLayout > div .cbCanvasLayoutBackground .userProfileBackground .cbFieldsContentsTab .form-group:first-of-type .cb_field > div > div::before {
  content: "";
  background-image: radial-gradient(transparent, #02080b);
  height: 100%;
  width: 100%;
  position: absolute;
  inset: 0;
  z-index: 1;
}
.cbProfile > .cbCanvasLayout > div .cbImgCanvas {
  background-attachment: fixed;
}
.cbProfile > .cbCanvasLayout > div .userNameTitle h3 {
  display: grid;
  place-content: center;
  font-size: clamp(2rem, 10vw, 6rem);
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  text-shadow: 0 0 2px #000;
}
.cbProfile a {
  text-decoration: none;
}
.cbProfile * {
  font-family: montserrat, sans-serif;
  font-size: clamp(1rem, 10vw, 1.125rem);
  color: #cccccc;
}
.cbProfile .cbPosCanvasMenu {
  grid-area: profileMenu;
  position: absolute;
  top: 1rem;
  transform: translateY(50%);
  z-index: 10;
  display: flex;
  justify-content: flex-end;
  margin-bottom: .5em;
}
.cbProfile .cbPosCanvasMenu .clickShowProfileMenu {
  position: relative;
  width: max-content;
  right: 2rem;
  background: #02080b;
}
.cbProfile .cbPosCanvasMenu .clickShowProfileMenu i {
  font-family: "Font Awesome 5 Pro";
}
.cbProfile .cbPosCanvasMenu .clickShowProfileMenu:hover {
  cursor: pointer;
  background: rgba(77, 77, 77, 0.75);
}
.cbProfile .cbPosCanvasMenu .clickShowProfileMenu .cb-page-header {
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.cbProfile .cbPosCanvasMenu .clickShowProfileMenu .cb-page-header h4 {
  padding: .75em 1.5em;
  margin: 0;
}
.cbProfile .cbPosCanvasMenu .clickShowProfileMenu .cb-page-header h4 i {
  margin-right: .5em;
}
.cbProfile .cbPosCanvasMenu .clickShowProfileMenu .cb-page-header h4,
.cbProfile .cbPosCanvasMenu .clickShowProfileMenu .cb-page-header span {
  border: 2px solid rgba(77, 77, 77, 0.75);
}
.cbProfile .cbPosCanvasMenu .clickShowProfileMenu .cb-page-header span {
  border-left: 0 none;
  width: 2.5em;
  display: grid;
  place-content: center;
}
.cbProfile .cbPosCanvasMenu .cbMenuList {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
}
.cbProfile .cbPosCanvasMenu .cbMenuList.showMobile {
  display: flex;
}
.cbProfile .cbPosCanvasMenu .cbMenuList > ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  right: 0;
  margin: 0;
  padding: 0;
  top: 0;
  width: max-content;
  background: rgba(64, 64, 64, 0.75);
}
.cbProfile .cbPosCanvasMenu .cbMenuList > ul > li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 1 0 100%;
  width: 100%;
}
.cbProfile .cbPosCanvasMenu .cbMenuList > ul > li:hover {
  background: rgba(26, 26, 26, 0.75);
}
.cbProfile .cbPosCanvasMenu .cbMenuList > ul > li a {
  padding: .75em 1.5em;
}
.cbProfile .cbPosTop {
  grid-area: information;
  position: relative;
  margin-top: -10rem;
}
.cbProfile .cbPosTop > .cbPosLeft {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1em;
  grid-template-areas: "portrait" "profile" "connections" "forums";
}
@media (min-width: 50rem) {
  .cbProfile .cbPosTop > .cbPosLeft {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "portrait portrait" "profile profile" "connections connections" "forums forums";
  }
}
.cbProfile .cbPosTop > .cbPosLeft .cb-page-header {
  position: relative;
}
.cbProfile .cbPosTop > .cbPosLeft .cb-page-header::after {
  content: "";
  border-top: 12px solid #fff;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 62rem) {
  .cbProfile .cbPosTop > .cbPosLeft .cb-page-header::after {
    display: none;
  }
}
.cbProfile .cbPosTop > .cbPosLeft > * {
  display: grid;
  background: #02080b;
  grid-auto-rows: max-content;
  padding: 2rem 2rem;
}
@media (min-width: 50rem) {
  .cbProfile .cbPosTop > .cbPosLeft > * {
    padding: 3rem 2rem;
  }
}
.cbProfile .cbPosTop > .cbPosLeft > *.portrait {
  grid-area: portrait;
  padding: 2rem 2rem 4rem 2rem;
}
@media (min-width: 50rem) {
  .cbProfile .cbPosTop > .cbPosLeft > *.portrait {
    padding: 3rem 2rem;
  }
}
.cbProfile .cbPosTop > .cbPosLeft > *.portrait .profileAvatar {
  grid-area: avatar;
}
.cbProfile .cbPosTop > .cbPosLeft > *.portrait .lastlogin {
  grid-area: lastlogin;
}
.cbProfile .cbPosTop > .cbPosLeft > *.portrait .username {
  grid-area: username;
}
.cbProfile .cbPosTop > .cbPosLeft > *.portrait .ingamename {
  grid-area: ingamename;
}
.cbProfile .cbPosTop > .cbPosLeft > *.portrait .privateMSG {
  grid-area: privatemsg;
  position: relative;
}
.cbProfile .cbPosTop > .cbPosLeft > *.portrait .privateMSG label {
  visibility: hidden;
  opacity: 0;
}
.cbProfile .cbPosTop > .cbPosLeft > *.portrait .privateMSG .cb_field a {
  display: flex;
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
  background: #529930;
  color: white !important;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  justify-content: center;
}
.cbProfile .cbPosTop > .cbPosLeft > *.portrait .privateMSG .cb_field a:hover {
  color: #cccccc;
  cursor: pointer;
}
.cbProfile .cbPosTop > .cbPosLeft > *.portrait .privateMSG .cb_field a:hover {
  background: #3e7324;
}
@media (min-width: 62rem) {
  .cbProfile .cbPosTop > .cbPosLeft > *.portrait .privateMSG .cb_field a {
    width: max-content;
    left: auto;
    right: 0;
  }
}
.cbProfile .cbPosTop > .cbPosLeft > *.portrait .cbFieldsContentsTab {
  grid-template-columns: repeat(1, 1fr);
  margin: 0;
  grid-template-areas: "avatar" "username" "ingamename" "lastlogin" "privatemsg";
}
@media (min-width: 50rem) {
  .cbProfile .cbPosTop > .cbPosLeft > *.portrait .cbFieldsContentsTab {
    grid-template-columns: 15rem 1fr;
    grid-template-areas: "avatar username" "avatar ingamename" "avatar lastlogin" "avatar privatemsg";
  }
}
@media (min-width: 80rem) {
  .cbProfile .cbPosTop > .cbPosLeft > *.portrait .cbFieldsContentsTab {
    grid-template-columns: 15rem 1fr 1fr;
    grid-template-areas: "avatar username privatemsg" "avatar ingamename privatemsg" "avatar lastlogin privatemsg";
  }
}
.cbProfile .cbPosTop > .cbPosLeft > *.portrait .cbFieldsContentsTab .form-group:not(.profileAvatar) {
  grid-template-columns: 1fr;
}
@media (min-width: 36rem) {
  .cbProfile .cbPosTop > .cbPosLeft > *.portrait .cbFieldsContentsTab .form-group:not(.profileAvatar) {
    grid-template-columns: 12rem 1fr;
  }
}
.cbProfile .cbPosTop > .cbPosLeft > *.portrait .profileUserStatus > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cbProfile .cbPosTop > .cbPosLeft > *.portrait .profileUserStatus > div > div > span {
  padding: .5em;
  color: #fff !important;
  font-size: .85rem;
  border-radius: 10em;
}
@media (min-width: 36rem) {
  .cbProfile .cbPosTop > .cbPosLeft > *.portrait .profileUserStatus > div > div > span {
    font-size: clamp(1rem, 10vw, 1.125rem);
    margin-left: .5em;
    padding: .4em;
  }
}
@media (min-width: 50rem) {
  .cbProfile .cbPosTop > .cbPosLeft > *.portrait .profileUserStatus > div > div > span {
    padding: .5em 1em .5em 1em;
    margin-left: 0;
  }
}
.cbProfile .cbPosTop > .cbPosLeft > *.portrait .profileUserStatus > div > div > span > span:first-of-type {
  display: none;
}
.cbProfile .cbPosTop > .cbPosLeft > *.portrait .profileUserStatus > div > div > span > span {
  color: white;
}
.cbProfile .cbPosTop > .cbPosLeft > *.portrait .profileUserStatus > div > div > span.cb_online {
  background: #529930;
}
.cbProfile .cbPosTop > .cbPosLeft > *.portrait .profileUserStatus > div > div > span.cb_offline {
  background: #cc0000;
}
.cbProfile .cbPosTop > .cbPosLeft > *:not(.portrait) .cb_tab_content_heading + .cbFieldsContentsTab,
.cbProfile .cbPosTop > .cbPosLeft > *:not(.portrait) .cb_tab_content_heading + #cbForums {
  display: none;
}
@media (min-width: 50rem) {
  .cbProfile .cbPosTop > .cbPosLeft > *:not(.portrait) .cb_tab_content_heading + .cbFieldsContentsTab,
  .cbProfile .cbPosTop > .cbPosLeft > *:not(.portrait) .cb_tab_content_heading + #cbForums {
    display: grid;
  }
}
.cbProfile .cbPosTop > .cbPosLeft > *:not(.portrait) .cb_tab_content_heading + .cbFieldsContentsTab.tab-open,
.cbProfile .cbPosTop > .cbPosLeft > *:not(.portrait) .cb_tab_content_heading + #cbForums.tab-open {
  display: grid;
}
.cbProfile .cbPosTop > .cbPosLeft > *.profileinfo {
  grid-area: profile;
}
.cbProfile .cbPosTop > .cbPosLeft > *.status {
  grid-area: status;
}
.cbProfile .cbPosTop > .cbPosLeft > *.statistics {
  grid-area: stats;
}
.cbProfile .cbPosTop > .cbPosLeft > *.connReqs {
  grid-area: connections;
}
.cbProfile .cbPosTop > .cbPosLeft > *.connReqs .cbCanvasLayoutTop {
  display: none;
}
.cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div {
  display: flex;
  flex-flow: row wrap;
  margin-top: 1em;
  gap: 1em 0;
}
.cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div > div {
  width: 100%;
}
.cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div > div:not(:last-of-type) {
  border-bottom: 2px solid #071720;
  padding-bottom: 1em;
}
.cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div > div button {
  font-size: 1rem;
  border-radius: 1em;
}
.cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div > div .cb_online > span::before {
  color: #529930;
}
.cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div > div .cb_offline > span::before {
  color: #cc0000;
}
.cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div > div .cbCanvasLayout {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  place-items: center;
}
@media (min-width: 36rem) {
  .cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div > div .cbCanvasLayout {
    grid-template-columns: 8rem 1fr;
  }
}
@media (min-width: 36rem) {
  .cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div > div .cbCanvasLayout .cbCanvasLayoutBody {
    place-self: flex-start;
  }
}
.cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div > div .cbCanvasLayout .cbCanvasLayoutContent {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: .5em 0;
}
@media (min-width: 36rem) {
  .cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div > div .cbCanvasLayout .cbCanvasLayoutContent {
    flex-direction: row;
  }
}
.cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div > div .cbCanvasLayout .cbCanvasLayoutContent.text-truncate {
  margin-bottom: .5em;
  flex-direction: row;
  justify-content: center;
}
@media (min-width: 36rem) {
  .cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div > div .cbCanvasLayout .cbCanvasLayoutContent.text-truncate {
    justify-content: flex-start;
  }
}
.cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div > div .cbCanvasLayout .cbCanvasLayoutContent .text-large {
  margin-left: .5em;
}
.cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div > div .cbCanvasLayout .cbCanvasLayoutContent .cbCanvasLayoutPhoto > span {
  pointer-events: none;
}
.cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div > div .cbCanvasLayout .cbCanvasLayoutContent a.btn {
  position: relative;
}
.cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div > div .cbCanvasLayout .cbCanvasLayoutContent a.btn::before {
  content: "\f0e0";
  font-family: "Font Awesome 5 Pro";
  margin-right: .5em;
}
.cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div > div .cbCanvasLayout .cbCanvasLayoutContent a.btn-success {
  position: relative;
}
.cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div > div .cbCanvasLayout .cbCanvasLayoutContent a.btn-success::before {
  display: none;
}
.cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div > div .cbCanvasLayout .cbCanvasLayoutContent a.btn-success,
.cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div > div .cbCanvasLayout .cbCanvasLayoutContent a.btn {
  padding: .45em .75em;
  border-radius: 5em;
  background: #529930;
  color: white;
  text-align: center;
  font-size: 1rem;
  transition: background 300ms linear;
}
@media (min-width: 36rem) {
  .cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div > div .cbCanvasLayout .cbCanvasLayoutContent a.btn-success,
  .cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div > div .cbCanvasLayout .cbCanvasLayoutContent a.btn {
    margin-right: 1em;
  }
}
.cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div > div .cbCanvasLayout .cbCanvasLayoutContent a.btn-success:hover,
.cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div > div .cbCanvasLayout .cbCanvasLayoutContent a.btn:hover {
  cursor: pointer;
  background: #3e7324;
}
.cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div > div .cbCanvasLayout .cbCanvasLayoutContent button.btn {
  padding: .45em .75em;
  border-radius: 5em;
  background: #cc0000;
  color: white;
  text-align: center;
  box-shadow: none;
  border: 0 none;
  font-size: 1rem;
  transition: background 300ms linear;
}
.cbProfile .cbPosTop > .cbPosLeft > *.connReqs > div + div > div .cbCanvasLayout .cbCanvasLayoutContent button.btn:hover {
  cursor: pointer;
  background: #990000;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity {
  grid-area: forums;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .cbTabsNav {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-top: 4em;
  margin-bottom: 0;
  padding: 0;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .cbTabsNav li {
  display: inline-flex;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .cbTabsNav li a {
  padding: .75em 2em;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .cbTabsNav li a::after {
  font-family: "Font Awesome 5 Pro";
  content: "\f105";
  margin-left: 1em;
  position: relative;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .cbTabsNav li a.active {
  background: #010506;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .cbTabsNav li a.active::after {
  content: "\f107";
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .cbTabsContent {
  background: #010506;
  padding-top: 2em;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .cbTabsContent .cbTabPane {
  display: none;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .cbTabsContent .cbTabPane.active {
  display: block;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity table tfoot tr {
  border: 0 none !important;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity table tfoot td .active-page {
  position: absolute;
  top: 0;
  right: 0;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity table tfoot td .active-page > div {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(77, 77, 77, 0.75);
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity table tfoot td .active-page > div:hover {
  cursor: pointer;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity table tfoot td .active-page > div li {
  list-style: none;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity table tfoot td .active-page > div a {
  color: #cccccc;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity table tfoot td .active-page > div i {
  font-family: "Font Awesome 5 Pro";
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity table tfoot td .active-page > div > span {
  display: flex;
  align-items: center;
  padding: .5em 1em;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity table tfoot td .active-page > div > span.text {
  font-family: montserrat, sans-serif;
  font-size: clamp(1rem, 10vw, 1.125rem);
  white-space: nowrap;
  border-left: 1px solid rgba(77, 77, 77, 0.75);
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity table tfoot td .active-page > div > span.icon {
  color: #cccccc;
  font-size: 1rem;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity table tfoot td .cbPagination {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 20;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity table tfoot td .cbPagination.open {
  display: flex;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity table tfoot td .cbPagination .pagination {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  position: absolute;
  top: calc(100% - 1px);
  right: 0;
  background: #040e13;
  flex-direction: column;
  max-height: 25rem;
  overflow-y: auto;
  width: 7rem;
  border-top: 1px solid rgba(77, 77, 77, 0.75);
  border-bottom: 1px solid rgba(77, 77, 77, 0.75);
  z-index: 10;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity table tfoot td .cbPagination .pagination > * {
  display: inline-flex;
  border: 1px solid rgba(77, 77, 77, 0.75);
  align-items: center;
  justify-content: center;
  position: relative;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity table tfoot td .cbPagination .pagination > *:first-child {
  border-top: 0 none;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity table tfoot td .cbPagination .pagination > *:not(:last-child) {
  border-bottom: 0 none;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity table tfoot td .cbPagination .pagination > *:hover {
  background: rgba(38, 38, 38, 0.75);
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity table tfoot td .cbPagination .pagination > *:hover span,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity table tfoot td .cbPagination .pagination > *:hover a {
  color: white;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity table tfoot td .cbPagination .pagination > * a {
  color: #cccccc;
  padding: .5em 1em;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity table tfoot td .cbPagination .pagination > *.active {
  background: rgba(38, 38, 38, 0.75);
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity #cbtabpanecbForumsTabsPosts table tr {
  grid-template-columns: 1fr 1fr 10em;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity #cbtabpanecbForumsTabsFavorites table tr,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsSubsTab table tr {
  grid-template-columns: 1fr 1fr 10em 4em;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsCatSubsTab table tr {
  grid-template-columns: 1fr 4em;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsPostsTab table tr td:first-child,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsFavsTab table tr td:first-child,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsSubsTab table tr td:first-child,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsPostsTab table tr th:first-child,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsFavsTab table tr th:first-child,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsSubsTab table tr th:first-child {
  grid-area: subject;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsPostsTab table tr td:nth-of-type(2),
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsFavsTab table tr td:nth-of-type(2),
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsSubsTab table tr td:nth-of-type(2),
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsPostsTab table tr th:nth-of-type(2),
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsFavsTab table tr th:nth-of-type(2),
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsSubsTab table tr th:nth-of-type(2) {
  grid-area: category;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsPostsTab table tr td:nth-child(3),
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsFavsTab table tr td:nth-child(3),
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsSubsTab table tr td:nth-child(3),
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsPostsTab table tr th:nth-child(3),
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsFavsTab table tr th:nth-child(3),
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsSubsTab table tr th:nth-child(3) {
  grid-area: date;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsFavsTab table tr td:last-child,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsCatSubsTab table tr td:last-child,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsSubsTab table tr td:last-child,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsFavsTab table tr th:last-child,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsCatSubsTab table tr th:last-child,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsSubsTab table tr th:last-child {
  grid-area: delete;
  align-items: center !important;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsFavsTab table tr td:last-child span,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsCatSubsTab table tr td:last-child span,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsSubsTab table tr td:last-child span,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsFavsTab table tr th:last-child span,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsCatSubsTab table tr th:last-child span,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsSubsTab table tr th:last-child span {
  transition: color 250ms linear;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsFavsTab table tr td:last-child span:hover,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsCatSubsTab table tr td:last-child span:hover,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsSubsTab table tr td:last-child span:hover,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsFavsTab table tr th:last-child span:hover,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsCatSubsTab table tr th:last-child span:hover,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsSubsTab table tr th:last-child span:hover {
  color: #cc0000;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsPostsTab table tr {
  grid-template-areas: "subject";
  grid-template-columns: 1fr;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsPostsTab table tr td:nth-of-type(2),
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsPostsTab table tr th:nth-of-type(2),
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsPostsTab table tr td:nth-of-type(3),
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsPostsTab table tr th:nth-of-type(3) {
  display: none;
}
@media (min-width: 36rem) {
  .cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsPostsTab table tr {
    grid-template-areas: "subject date";
    grid-template-columns: 1fr 1fr;
  }
  .cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsPostsTab table tr td:nth-of-type(2),
  .cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsPostsTab table tr th:nth-of-type(2) {
    display: none;
  }
  .cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsPostsTab table tr td:nth-of-type(3),
  .cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsPostsTab table tr th:nth-of-type(3) {
    display: flex;
  }
}
@media (min-width: 50rem) {
  .cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsPostsTab table tr {
    grid-template-areas: "subject category date";
    grid-template-columns: 1fr 1fr 10em;
  }
  .cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsPostsTab table tr td:nth-of-type(2),
  .cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsPostsTab table tr th:nth-of-type(2),
  .cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsPostsTab table tr td:nth-of-type(3),
  .cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsPostsTab table tr th:nth-of-type(3) {
    display: flex;
  }
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsPostsTab table tfoot .cbPagination.open {
  top: auto;
  bottom: 100%;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsPostsTab table tfoot .cbPagination.open ul {
  top: auto;
  bottom: 100%;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsCatSubsTab {
  margin-bottom: 4em;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsCatSubsTab table tr {
  grid-template-areas: "category delete";
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsSubsTab table tr,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsFavsTab table tr {
  grid-template-areas: "subject category date delete";
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsSubsTab table tr.children-1,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity .forumsFavsTab table tr.children-1 {
  grid-template-areas: "delete";
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity #cbForums table {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity #cbForums table thead th {
  font-weight: normal;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity #cbForums table tbody tr:is(:last-child) {
  border-bottom: 0 none;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity #cbForums table tbody tr td,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity #cbForums table tbody tr td * {
  color: #999999;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity #cbForums table tbody tr td a:hover,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity #cbForums table tbody tr td * a:hover {
  color: #cccccc;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity #cbForums table tr {
  border-bottom: 2px solid #051319;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity #cbForums table tr.children-1 {
  grid-template-columns: 1fr;
}
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity #cbForums table tr td,
.cbProfile .cbPosTop > .cbPosLeft > *.forumactivity #cbForums table tr th {
  width: 100% !important;
  align-items: flex-start;
}
.cbProfile .cbPosTop > .cbPosLeft > * .cb-page-header-title {
  font-size: calc(clamp(1rem, 10vw, 1.125rem) + .25rem);
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  font-family: rubik, sans-serif;
  margin-bottom: 0;
}
@media (min-width: 50rem) {
  .cbProfile .cbPosTop > .cbPosLeft > * .cb-page-header-title {
    padding-bottom: 1.35em;
    border-bottom: 2px solid #081a24;
    margin-bottom: .85em;
  }
}
.cbProfile .cbPosTop > .cbPosLeft > * .cb-page-header-title.tab-open {
  padding-bottom: 1.35em;
  border-bottom: 2px solid #081a24;
  margin-bottom: .85em;
}
.cbProfile .cbPosTop > .cbPosLeft > * .cb-page-header-title:hover {
  cursor: pointer;
}
@media (min-width: 50rem) {
  .cbProfile .cbPosTop > .cbPosLeft > * .cb-page-header-title:hover {
    pointer-events: none;
  }
}
.cbProfile .cbPosTop > .cbPosLeft > * .cbFieldsContentsTab {
  display: grid;
  gap: 1em;
  margin-top: 1em;
}
.cbProfile .cbPosTop > .cbPosLeft > * .cbFieldsContentsTab .form-group {
  display: grid;
  grid-template-columns: 1fr;
}
.cbProfile .cbPosTop > .cbPosLeft > * .cbFieldsContentsTab .form-group.profileAvatar {
  grid-template-columns: 1fr;
}
@media (min-width: 36rem) {
  .cbProfile .cbPosTop > .cbPosLeft > * .cbFieldsContentsTab .form-group {
    grid-template-columns: 10em auto;
    gap: .5em;
  }
}
@media (min-width: 50rem) {
  .cbProfile .cbPosTop > .cbPosLeft > * .cbFieldsContentsTab .form-group {
    grid-template-columns: minmax(5rem, 15rem) 1fr;
  }
}
.cbProfile .cbPosTop > .cbPosLeft > * .cbFieldsContentsTab .form-group label {
  font-weight: bold;
}
.cbPMS {
  display: flex;
  justify-content: center;
  margin-top: 5em;
}
.cbPMS hr {
  display: none;
}
.cbPMS .pmMessage,
.cbPMS .pmMessageEdit {
  padding: 1em;
}
.cbPMS .pmMessage .pmMessageHeader,
.cbPMS .pmMessageEdit .pmMessageHeader {
  flex-direction: row !important;
  justify-content: flex-start;
  align-items: center;
}
.cbPMS .pmMessage .pmMessageHeader .pmMessageHeaderDetails,
.cbPMS .pmMessageEdit .pmMessageHeader .pmMessageHeaderDetails {
  width: 100%;
  display: flex;
  margin-left: 1em;
}
.cbPMS .pmMessage .pmMessageHeader .pmMessageHeaderDetails .cb_online > span,
.cbPMS .pmMessageEdit .pmMessageHeader .pmMessageHeaderDetails .cb_online > span {
  color: #529930;
}
.cbPMS .pmMessage .pmMessageHeader .pmMessageHeaderDetails .cb_offline > span,
.cbPMS .pmMessageEdit .pmMessageHeader .pmMessageHeaderDetails .cb_offline > span {
  color: #cc0000;
}
.cbPMS .pmMessage .pmMessageHeader .pmMessageHeaderDetails .sr-only,
.cbPMS .pmMessageEdit .pmMessageHeader .pmMessageHeaderDetails .sr-only {
  display: none;
}
@media (min-width: 36rem) {
  .cbPMS .pmMessage,
  .cbPMS .pmMessageEdit {
    padding: 3em 4em;
  }
}
.cbPMS .pmMessage .pmMessageContent,
.cbPMS .pmMessageEdit .pmMessageContent {
  width: 100%;
}
.cbPMS .pmMessage .text-right,
.cbPMS .pmMessageEdit .text-right {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.cbPMS .pmMessage .cbNotice,
.cbPMS .pmMessageEdit .cbNotice {
  color: white;
  padding: .5em 1em !important;
  margin: 2em 0 !important;
}
.cbPMS .pmMessage a,
.cbPMS .pmMessageEdit a {
  color: #0082b3;
  text-decoration: none;
}
.cbPMS .pmMessage a:hover,
.cbPMS .pmMessageEdit a:hover {
  color: #00baff;
}
.cbPMS .pmMessage input.pmButtonBack,
.cbPMS .pmMessageEdit input.pmButtonBack {
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
}
.cbPMS .pmMessage input.pmButtonBack:hover,
.cbPMS .pmMessageEdit input.pmButtonBack:hover {
  color: #cccccc;
  cursor: pointer;
}
.cbPMS .pmMessage .blockquote,
.cbPMS .pmMessageEdit .blockquote {
  margin: 1em 0;
  border: 1px solid #081e28;
  background: rgba(0, 0, 0, 0.75);
  padding: 1em;
  font-size: 1rem;
  position: relative;
  padding: 2em;
  padding-top: 6em;
}
.cbPMS .pmMessage .blockquote > div > div > a,
.cbPMS .pmMessageEdit .blockquote > div > div > a {
  color: #999999 !important;
}
.cbPMS .pmMessage .blockquote > div > div > a:hover,
.cbPMS .pmMessageEdit .blockquote > div > div > a:hover {
  color: #0082b3 !important;
}
.cbPMS .pmMessage .blockquote > blockquote,
.cbPMS .pmMessageEdit .blockquote > blockquote {
  margin-left: 2rem;
}
.cbPMS .pmMessage .blockquote .blockquote-footer,
.cbPMS .pmMessageEdit .blockquote .blockquote-footer {
  border-bottom: 2px solid #081a24;
  position: absolute;
  top: 2em;
  width: calc(100% - 4em);
}
.cbPMS .pmMessages,
.cbPMS .pmMessage,
.cbPMS .pmMessageEdit {
  width: min(90%, 60rem);
  background: #02080b;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cbPMS .pmMessages .pmMessagesHeader,
.cbPMS .pmMessage .pmMessagesHeader,
.cbPMS .pmMessageEdit .pmMessagesHeader,
.cbPMS .pmMessages .pmMessageHeader,
.cbPMS .pmMessage .pmMessageHeader,
.cbPMS .pmMessageEdit .pmMessageHeader {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
  background: #040e13;
  padding-bottom: 3em;
}
@media (min-width: 36rem) {
  .cbPMS .pmMessages .pmMessagesHeader,
  .cbPMS .pmMessage .pmMessagesHeader,
  .cbPMS .pmMessageEdit .pmMessagesHeader,
  .cbPMS .pmMessages .pmMessageHeader,
  .cbPMS .pmMessage .pmMessageHeader,
  .cbPMS .pmMessageEdit .pmMessageHeader {
    flex-direction: column;
  }
}
.cbPMS .pmMessages .pmMessagesHeader .btn-success,
.cbPMS .pmMessage .pmMessagesHeader .btn-success,
.cbPMS .pmMessageEdit .pmMessagesHeader .btn-success,
.cbPMS .pmMessages .pmMessageHeader .btn-success,
.cbPMS .pmMessage .pmMessageHeader .btn-success,
.cbPMS .pmMessageEdit .pmMessageHeader .btn-success {
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
  background: #529930;
  color: white !important;
}
.cbPMS .pmMessages .pmMessagesHeader .btn-success:hover,
.cbPMS .pmMessage .pmMessagesHeader .btn-success:hover,
.cbPMS .pmMessageEdit .pmMessagesHeader .btn-success:hover,
.cbPMS .pmMessages .pmMessageHeader .btn-success:hover,
.cbPMS .pmMessage .pmMessageHeader .btn-success:hover,
.cbPMS .pmMessageEdit .pmMessageHeader .btn-success:hover {
  color: #cccccc;
  cursor: pointer;
}
.cbPMS .pmMessages .pmMessagesHeader .btn-success:hover,
.cbPMS .pmMessage .pmMessagesHeader .btn-success:hover,
.cbPMS .pmMessageEdit .pmMessagesHeader .btn-success:hover,
.cbPMS .pmMessages .pmMessageHeader .btn-success:hover,
.cbPMS .pmMessage .pmMessageHeader .btn-success:hover,
.cbPMS .pmMessageEdit .pmMessageHeader .btn-success:hover {
  background: #3e7324;
}
.cbPMS .pmMessages .pmMessagesHeader .btn-success span,
.cbPMS .pmMessage .pmMessagesHeader .btn-success span,
.cbPMS .pmMessageEdit .pmMessagesHeader .btn-success span,
.cbPMS .pmMessages .pmMessageHeader .btn-success span,
.cbPMS .pmMessage .pmMessageHeader .btn-success span,
.cbPMS .pmMessageEdit .pmMessageHeader .btn-success span {
  color: white !important;
}
@media (min-width: 36rem) {
  .cbPMS .pmMessages .pmMessagesHeader .btn-success,
  .cbPMS .pmMessage .pmMessagesHeader .btn-success,
  .cbPMS .pmMessageEdit .pmMessagesHeader .btn-success,
  .cbPMS .pmMessages .pmMessageHeader .btn-success,
  .cbPMS .pmMessage .pmMessageHeader .btn-success,
  .cbPMS .pmMessageEdit .pmMessageHeader .btn-success {
    max-width: max-content;
  }
}
.cbPMS .pmMessages .pmMessagesHeader .pmButtonRead,
.cbPMS .pmMessage .pmMessagesHeader .pmButtonRead,
.cbPMS .pmMessageEdit .pmMessagesHeader .pmButtonRead,
.cbPMS .pmMessages .pmMessageHeader .pmButtonRead,
.cbPMS .pmMessage .pmMessageHeader .pmButtonRead,
.cbPMS .pmMessageEdit .pmMessageHeader .pmButtonRead {
  margin-top: 1em;
  padding: 1em;
  display: grid;
  place-content: center;
  font-family: montserrat, sans-serif;
  font-size: clamp(1rem, 10vw, 1.125rem);
  color: #cccccc;
  text-decoration: none;
}
.cbPMS .pmMessages .pmMessagesHeader .text-sm-left,
.cbPMS .pmMessage .pmMessagesHeader .text-sm-left,
.cbPMS .pmMessageEdit .pmMessagesHeader .text-sm-left,
.cbPMS .pmMessages .pmMessageHeader .text-sm-left,
.cbPMS .pmMessage .pmMessageHeader .text-sm-left,
.cbPMS .pmMessageEdit .pmMessageHeader .text-sm-left {
  margin-bottom: 2em;
}
.cbPMS .pmMessages .pmMessagesHeader form,
.cbPMS .pmMessage .pmMessagesHeader form,
.cbPMS .pmMessageEdit .pmMessagesHeader form,
.cbPMS .pmMessages .pmMessageHeader form,
.cbPMS .pmMessage .pmMessageHeader form,
.cbPMS .pmMessageEdit .pmMessageHeader form {
  background: #02080b;
  padding: 1em;
}
.cbPMS .pmMessages .pmMessagesHeader form .input-group,
.cbPMS .pmMessage .pmMessagesHeader form .input-group,
.cbPMS .pmMessageEdit .pmMessagesHeader form .input-group,
.cbPMS .pmMessages .pmMessageHeader form .input-group,
.cbPMS .pmMessage .pmMessageHeader form .input-group,
.cbPMS .pmMessageEdit .pmMessageHeader form .input-group {
  display: flex;
}
.cbPMS .pmMessages .pmMessagesHeader form .input-group input,
.cbPMS .pmMessage .pmMessagesHeader form .input-group input,
.cbPMS .pmMessageEdit .pmMessagesHeader form .input-group input,
.cbPMS .pmMessages .pmMessageHeader form .input-group input,
.cbPMS .pmMessage .pmMessageHeader form .input-group input,
.cbPMS .pmMessageEdit .pmMessageHeader form .input-group input {
  background: #000;
  border: 1px solid #040e13;
  padding: 1em 2em;
  font-size: 1rem;
  font-family: montserrat, sans-serif;
  color: #cccccc;
  width: 100%;
}
.cbPMS .pmMessages .pmMessagesHeader form .input-group button,
.cbPMS .pmMessage .pmMessagesHeader form .input-group button,
.cbPMS .pmMessageEdit .pmMessagesHeader form .input-group button,
.cbPMS .pmMessages .pmMessageHeader form .input-group button,
.cbPMS .pmMessage .pmMessageHeader form .input-group button,
.cbPMS .pmMessageEdit .pmMessageHeader form .input-group button {
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
  background: #000;
}
.cbPMS .pmMessages .pmMessagesHeader form .input-group button:hover,
.cbPMS .pmMessage .pmMessagesHeader form .input-group button:hover,
.cbPMS .pmMessageEdit .pmMessagesHeader form .input-group button:hover,
.cbPMS .pmMessages .pmMessageHeader form .input-group button:hover,
.cbPMS .pmMessage .pmMessageHeader form .input-group button:hover,
.cbPMS .pmMessageEdit .pmMessageHeader form .input-group button:hover {
  color: #cccccc;
  cursor: pointer;
}
.cbPMS .pmMessages .pmMessagesHeader form .input-group button:hover,
.cbPMS .pmMessage .pmMessagesHeader form .input-group button:hover,
.cbPMS .pmMessageEdit .pmMessagesHeader form .input-group button:hover,
.cbPMS .pmMessages .pmMessageHeader form .input-group button:hover,
.cbPMS .pmMessage .pmMessageHeader form .input-group button:hover,
.cbPMS .pmMessageEdit .pmMessageHeader form .input-group button:hover {
  background: #1a1a1a;
}
.cbPMS .pmMessages .pmMessagesHeader form .input-group .select2,
.cbPMS .pmMessage .pmMessagesHeader form .input-group .select2,
.cbPMS .pmMessageEdit .pmMessagesHeader form .input-group .select2,
.cbPMS .pmMessages .pmMessageHeader form .input-group .select2,
.cbPMS .pmMessage .pmMessageHeader form .input-group .select2,
.cbPMS .pmMessageEdit .pmMessageHeader form .input-group .select2 {
  background: rgba(38, 38, 38, 0.75);
  border: 1px solid rgba(77, 77, 77, 0.75);
  font-size: clamp(1rem, 10vw, 1.125rem);
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
  background: #000;
  color: #999999;
}
.cbPMS .pmMessages .pmMessagesHeader form .input-group .select2:hover,
.cbPMS .pmMessage .pmMessagesHeader form .input-group .select2:hover,
.cbPMS .pmMessageEdit .pmMessagesHeader form .input-group .select2:hover,
.cbPMS .pmMessages .pmMessageHeader form .input-group .select2:hover,
.cbPMS .pmMessage .pmMessageHeader form .input-group .select2:hover,
.cbPMS .pmMessageEdit .pmMessageHeader form .input-group .select2:hover {
  color: #cccccc;
  cursor: pointer;
}
.cbPMS .pmMessages .pmMessagesHeader form .input-group .select2:hover,
.cbPMS .pmMessage .pmMessagesHeader form .input-group .select2:hover,
.cbPMS .pmMessageEdit .pmMessagesHeader form .input-group .select2:hover,
.cbPMS .pmMessages .pmMessageHeader form .input-group .select2:hover,
.cbPMS .pmMessage .pmMessageHeader form .input-group .select2:hover,
.cbPMS .pmMessageEdit .pmMessageHeader form .input-group .select2:hover {
  background: #1a1a1a;
}
.cbPMS .pmMessages .pmMessagesHeader form .input-group .input-group-append,
.cbPMS .pmMessage .pmMessagesHeader form .input-group .input-group-append,
.cbPMS .pmMessageEdit .pmMessagesHeader form .input-group .input-group-append,
.cbPMS .pmMessages .pmMessageHeader form .input-group .input-group-append,
.cbPMS .pmMessage .pmMessageHeader form .input-group .input-group-append,
.cbPMS .pmMessageEdit .pmMessageHeader form .input-group .input-group-append {
  display: flex;
  margin-left: auto;
}
.cbPMS .pmMessages .pmMessageHeader,
.cbPMS .pmMessage .pmMessageHeader,
.cbPMS .pmMessageEdit .pmMessageHeader {
  background: #02080b;
}
.cbPMS .pmMessages *,
.cbPMS .pmMessage *,
.cbPMS .pmMessageEdit * {
  color: #999999;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}
@media (min-width: 36rem) {
  .cbPMS .pmMessages *,
  .cbPMS .pmMessage *,
  .cbPMS .pmMessageEdit * {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.cbPMS .pmMessages .pmMessagesRowMsgMenu,
.cbPMS .pmMessage .pmMessagesRowMsgMenu,
.cbPMS .pmMessageEdit .pmMessagesRowMsgMenu,
.cbPMS .pmMessages .pmMessageHeaderMenu,
.cbPMS .pmMessage .pmMessageHeaderMenu,
.cbPMS .pmMessageEdit .pmMessageHeaderMenu {
  display: flex;
  margin-left: auto;
  align-items: center;
}
.cbPMS .pmMessages .pmMessagesRowMsgMenu span.pmMessagesRowDate,
.cbPMS .pmMessage .pmMessagesRowMsgMenu span.pmMessagesRowDate,
.cbPMS .pmMessageEdit .pmMessagesRowMsgMenu span.pmMessagesRowDate,
.cbPMS .pmMessages .pmMessageHeaderMenu span.pmMessagesRowDate,
.cbPMS .pmMessage .pmMessageHeaderMenu span.pmMessagesRowDate,
.cbPMS .pmMessageEdit .pmMessageHeaderMenu span.pmMessagesRowDate {
  margin-right: 1em;
}
.cbPMS .pmMessages .pmMessagesRowMsgMenu a,
.cbPMS .pmMessage .pmMessagesRowMsgMenu a,
.cbPMS .pmMessageEdit .pmMessagesRowMsgMenu a,
.cbPMS .pmMessages .pmMessageHeaderMenu a,
.cbPMS .pmMessage .pmMessageHeaderMenu a,
.cbPMS .pmMessageEdit .pmMessageHeaderMenu a {
  width: 2em;
  height: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(38, 38, 38, 0.75);
  border: 1px solid rgba(77, 77, 77, 0.75);
}
.cbPMS .pmMessages .pmMessagesRows,
.cbPMS .pmMessage .pmMessagesRows,
.cbPMS .pmMessageEdit .pmMessagesRows {
  width: min(90%, 80rem);
}
.cbPMS .pmMessages .pmMessagesRows .pmMessagesRow,
.cbPMS .pmMessage .pmMessagesRows .pmMessagesRow,
.cbPMS .pmMessageEdit .pmMessagesRows .pmMessagesRow {
  display: grid;
  grid-template-columns: 6rem 1fr;
  opacity: 1;
  padding: 1.75em 0;
}
.cbPMS .pmMessages .pmMessagesRows .pmMessagesRow:not(:last-of-type),
.cbPMS .pmMessage .pmMessagesRows .pmMessagesRow:not(:last-of-type),
.cbPMS .pmMessageEdit .pmMessagesRows .pmMessagesRow:not(:last-of-type) {
  border-bottom: 2px solid #081a24;
}
.cbPMS .pmMessages .pmMessagesRows .pmMessagesRow a,
.cbPMS .pmMessage .pmMessagesRows .pmMessagesRow a,
.cbPMS .pmMessageEdit .pmMessagesRows .pmMessagesRow a {
  text-decoration: none;
}
.cbPMS .pmMessages .pmMessagesRows .pmMessagesRow.pmMessagesRowUnread,
.cbPMS .pmMessage .pmMessagesRows .pmMessagesRow.pmMessagesRowUnread,
.cbPMS .pmMessageEdit .pmMessagesRows .pmMessagesRow.pmMessagesRowUnread {
  font-weight: bold;
}
.cbPMS .pmMessages .pmMessagesRows .pmMessagesRow.pmMessagesRowUnread *,
.cbPMS .pmMessage .pmMessagesRows .pmMessagesRow.pmMessagesRowUnread *,
.cbPMS .pmMessageEdit .pmMessagesRows .pmMessagesRow.pmMessagesRowUnread * {
  color: #999999;
}
.cbPMS .pmMessages .pmMessagesRows .pmMessagesRow:hover *,
.cbPMS .pmMessage .pmMessagesRows .pmMessagesRow:hover *,
.cbPMS .pmMessageEdit .pmMessagesRows .pmMessagesRow:hover * {
  color: #cccccc;
}
.cbPMS .pmMessages .pmMessagesRows .pmMessagesRow .pmMessagesRowImg,
.cbPMS .pmMessage .pmMessagesRows .pmMessagesRow .pmMessagesRowImg,
.cbPMS .pmMessageEdit .pmMessagesRows .pmMessagesRow .pmMessagesRowImg {
  display: grid;
}
.cbPMS .pmMessages .pmMessagesRows .pmMessagesRow .pmMessagesRowMsg > div:first-of-type,
.cbPMS .pmMessage .pmMessagesRows .pmMessagesRow .pmMessagesRowMsg > div:first-of-type,
.cbPMS .pmMessageEdit .pmMessagesRows .pmMessagesRow .pmMessagesRowMsg > div:first-of-type {
  display: flex;
  margin-bottom: 1em;
  padding-bottom: 1em;
  align-items: center;
}
.cbPMS .pmMessages .pmMessagesRows .pmMessagesRow .pmMessagesRowMsg .pmMessagesRowMsgUser,
.cbPMS .pmMessage .pmMessagesRows .pmMessagesRow .pmMessagesRowMsg .pmMessagesRowMsgUser,
.cbPMS .pmMessageEdit .pmMessagesRows .pmMessagesRow .pmMessagesRowMsg .pmMessagesRowMsgUser {
  white-space: nowrap;
}
.cbPMS .pmMessages .pmMessagesRows .pmMessagesRow .pmMessagesRowMsg .pmMessagesRowMsgUser .cb_online > span,
.cbPMS .pmMessage .pmMessagesRows .pmMessagesRow .pmMessagesRowMsg .pmMessagesRowMsgUser .cb_online > span,
.cbPMS .pmMessageEdit .pmMessagesRows .pmMessagesRow .pmMessagesRowMsg .pmMessagesRowMsgUser .cb_online > span {
  color: #529930;
}
.cbPMS .pmMessages .pmMessagesRows .pmMessagesRow .pmMessagesRowMsg .pmMessagesRowMsgUser .cb_offline > span,
.cbPMS .pmMessage .pmMessagesRows .pmMessagesRow .pmMessagesRowMsg .pmMessagesRowMsgUser .cb_offline > span,
.cbPMS .pmMessageEdit .pmMessagesRows .pmMessagesRow .pmMessagesRowMsg .pmMessagesRowMsgUser .cb_offline > span {
  color: #cc0000;
}
.cbPMS .pmMessages .pmMessagesRows .pmMessagesRow .pmMessagesRowMsg .pmMessagesRowMsgUser .sr-only,
.cbPMS .pmMessage .pmMessagesRows .pmMessagesRow .pmMessagesRowMsg .pmMessagesRowMsgUser .sr-only,
.cbPMS .pmMessageEdit .pmMessagesRows .pmMessagesRow .pmMessagesRowMsg .pmMessagesRowMsgUser .sr-only {
  display: none;
}
.cbPMS .pmMessageEdit .invalid-feedback {
  color: #cc0000;
}
.cbPMS .pmMessageEdit .invalid-feedback > span {
  color: #cc0000;
}
.cbPMS .pmMessageEdit .cbft_yesno {
  display: flex;
}
.cbPMS .pmMessageEdit .cbft_yesno .btn {
  background: 0 none;
}
.cbPMS .pmMessageEdit .cbft_yesno input + label {
  font-size: 1rem;
  font-family: montserrat, sans-serif;
  padding: .5em 1em;
  color: white;
}
.cbPMS .pmMessageEdit .cbft_yesno input + label:hover {
  color: white;
  cursor: pointer;
}
.cbPMS .pmMessageEdit .cbft_yesno input + label:hover.btn-success {
  background: #529930 !important;
}
.cbPMS .pmMessageEdit .cbft_yesno input + label:hover.btn-danger {
  background: #cc0000 !important;
}
.cbPMS .pmMessageEdit .cbft_yesno input:not(:checked) + .btn {
  background: 0 none;
  color: #999999;
}
.cbPMS .pmMessageEdit .cbft_yesno input:not(:checked) + .btn:hover {
  color: white;
}
.cbPMS .pmMessageEdit .cbft_yesno .btn-success {
  background: #529930;
  color: white !important;
}
.cbPMS .pmMessageEdit .cbft_yesno .btn-success:hover {
  background: #3e7324;
}
.cbPMS .pmMessageEdit .cbft_yesno .btn-danger {
  background: #cc0000;
  color: white !important;
}
.cbPMS .pmMessageEdit .cbft_yesno .btn-danger:hover {
  background: #990000;
}
.cbPMS .pmMessageEdit .pmMessageEditToGroup {
  display: flex;
  flex-direction: column;
}
.cbPMS .pmMessageEdit .pmMessageEditToGroup input.disabled,
.cbPMS .pmMessageEdit .pmMessageEditToGroup .select2.disabled,
.cbPMS .pmMessageEdit .pmMessageEditToGroup .select2-container.disabled {
  opacity: .25;
}
.cbPMS .pmMessageEdit .pmMessageEditToGroup input.disabled:hover,
.cbPMS .pmMessageEdit .pmMessageEditToGroup .select2.disabled:hover,
.cbPMS .pmMessageEdit .pmMessageEditToGroup .select2-container.disabled:hover {
  cursor: not-allowed;
}
.cbPMS .pmMessageEdit .pmMessageEditToGroup input.disabled:hover *,
.cbPMS .pmMessageEdit .pmMessageEditToGroup .select2.disabled:hover *,
.cbPMS .pmMessageEdit .pmMessageEditToGroup .select2-container.disabled:hover * {
  cursor: not-allowed;
}
.cbPMS .pmMessageEdit .pmMessageEditToGroup .select2-container {
  max-width: max-content !important;
  left: auto !important;
}
.cbPMS .pmMessageEdit .pmMessageEditToGroup .input-group-append {
  display: flex;
}
.cbPMS .pmMessageEdit .pmMessageEditToGroup .input-group-append select.disabled.disabled {
  color: #1a1a1a;
}
.cbPMS .pmMessageEdit .pmMessageEditToGroup .input-group-append .select2 {
  width: max-content !important;
  display: flex;
  background: #000;
  border: 1px solid #040e13;
  padding: 1em;
}
.cbPMS .pmMessageEdit .pmMessageEditToGroup .input-group-append .pmMessageEditGlobal {
  display: grid;
  place-content: center;
}
.cbPMS .pmMessageEdit .pmMessageEditToGroup .input-group-append .pmMessageEditGlobal input:is(:checked) + label {
  background: #529930;
}
.cbPMS .pmMessageEdit .pmMessageEditToGroup .input-group-append .pmMessageEditGlobal input:is(:checked) + label span {
  color: white;
}
.cbPMS .pmMessageEdit .pmMessageEditToGroup .input-group-append .pmMessageEditGlobal label {
  background: 0 none;
  padding: .5em 1em;
}
.cbPMS .pmMessageEdit .pmMessageEditToGroup .input-group-append .pmMessageEditGlobal label span {
  font-size: 1.5em;
}
.cbPMS .pmMessageEdit .pmMessageEditToGroup .input-group-append .pmMessageEditGlobal label:hover {
  cursor: pointer;
  background: #529930;
}
.cbPMS .pmMessageEdit .pmMessageEditToGroup .input-group-append .pmMessageEditGlobal label:hover span {
  color: white;
}
.cbPMS .pmMessageEdit .form-group {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 2em;
}
@media (min-width: 50rem) {
  .cbPMS .pmMessageEdit .form-group {
    grid-template-columns: 10em 1fr;
    margin-bottom: 1em;
  }
}
.cbPMS .pmMessageEdit .form-group input {
  background: #000;
  border: 1px solid #040e13;
  padding: 1em 2em;
  font-size: 1rem;
  font-family: montserrat, sans-serif;
  color: #cccccc;
  width: 100%;
}
.cbPMS .pmMessageEdit .pmButtonSubmit,
.cbPMS .pmMessageEdit .pmButtonCancel {
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
  margin-top: 2em;
}
.cbPMS .pmMessageEdit .pmButtonSubmit:hover,
.cbPMS .pmMessageEdit .pmButtonCancel:hover {
  color: #cccccc;
  cursor: pointer;
}
.cbPMS .pmMessageEdit .pmButtonCancel {
  background: 0 none;
}
.cbPMS .pmMessageEdit .pmButtonCancel:hover {
  background-color: #000;
}
.cbPMS .pmMessageEdit .pmButtonSubmit {
  background: #529930;
  color: white !important;
}
.cbPMS .pmMessageEdit .pmButtonSubmit:hover {
  background: #3e7324;
}
.cbEditProfile {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 5rem;
}
.cbEditProfile form {
  width: min(90%, 60rem);
  background: #02080b;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 2rem 0;
}
.cbEditProfile form > * {
  width: calc(100% - 4rem);
}
.cbEditProfile form .cbTabs {
  display: grid;
}
.cbEditProfile form .cbTabsNav {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-top: 4em;
  margin-bottom: 0;
  padding: 0;
  display: none;
}
.cbEditProfile form .cbTabsNav li {
  display: inline-flex;
}
.cbEditProfile form .cbTabsNav li a {
  padding: .75em 2em;
}
.cbEditProfile form .cbTabsNav li a::after {
  font-family: "Font Awesome 5 Pro";
  content: "\f105";
  margin-left: 1em;
  position: relative;
}
.cbEditProfile form .cbTabsNav li a.active {
  background: #010506;
}
.cbEditProfile form .cbTabsNav li a.active::after {
  content: "\f107";
}
.cbEditProfile form label {
  font-size: 1rem;
  font-family: montserrat, sans-serif;
  color: #cccccc;
  display: flex;
  margin-bottom: .5em;
}
.cbEditProfile form select,
.cbEditProfile form input,
.cbEditProfile form textarea {
  background: rgba(1, 5, 6, 0.75);
  border: 1px solid #0d2d3d;
  color: #999999;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  padding: .5em 1em;
  width: 100%;
}
@media (min-width: 36rem) {
  .cbEditProfile form select,
  .cbEditProfile form input,
  .cbEditProfile form textarea {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.cbEditProfile form select:focus,
.cbEditProfile form input:focus,
.cbEditProfile form textarea:focus {
  outline: 0;
  border: 1px solid #278abc;
}
.cbEditProfile form select option,
.cbEditProfile form input option,
.cbEditProfile form textarea option,
.cbEditProfile form select optgroup,
.cbEditProfile form input optgroup,
.cbEditProfile form textarea optgroup {
  color: white;
}
.cbEditProfile form .cbProfileEditButtons input {
  width: 100%;
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
}
.cbEditProfile form .cbProfileEditButtons input:hover {
  color: #cccccc;
  cursor: pointer;
}
@media (min-width: 36rem) {
  .cbEditProfile form .cbProfileEditButtons input {
    width: fit-content;
  }
}
.cbEditProfile form .cbProfileEditButtons input.cbProfileEditSubmit {
  background: #529930;
  color: white !important;
}
.cbEditProfile form .cbProfileEditButtons input.cbProfileEditSubmit:hover {
  background: #3e7324;
}
.cbEditProfile form .tab-content .tab-pane .cbFieldIcons {
  color: #999999;
  margin-left: 1rem;
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 50rem) {
  .cbEditProfile form .tab-content .tab-pane .cbFieldIcons {
    position: relative;
  }
}
.cbEditProfile form .tab-content .tab-pane:not(:last-of-type) {
  border-bottom: 2px solid #081a24;
  margin-bottom: 2em;
  padding-bottom: 1.5em;
}
.cbEditProfile form .tab-content .tab-pane .form-group {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 2em;
  position: relative;
}
@media (min-width: 50rem) {
  .cbEditProfile form .tab-content .tab-pane .form-group {
    grid-template-columns: 15rem 1fr;
  }
}
.cbEditProfile form .tab-content .tab-pane .form-group > *,
.cbEditProfile form .tab-content .tab-pane .form-group > * > * {
  display: flex;
  align-items: center;
  width: 100%;
}
.cbEditProfile form .tab-content .tab-pane .form-group > *#cblabcb_signature,
.cbEditProfile form .tab-content .tab-pane .form-group > * > *#cblabcb_signature {
  align-items: flex-start;
}
.cbEditProfile form .tab-content .tab-pane .form-group > *#cblabcb_signature + .cb_field > .form-control-plaintext,
.cbEditProfile form .tab-content .tab-pane .form-group > * > *#cblabcb_signature + .cb_field > .form-control-plaintext {
  flex-direction: column;
}
@media (min-width: 50rem) {
  .cbEditProfile form .tab-content .tab-pane .form-group > *#cblabcb_signature + .cb_field > .form-control-plaintext,
  .cbEditProfile form .tab-content .tab-pane .form-group > * > *#cblabcb_signature + .cb_field > .form-control-plaintext {
    flex-direction: row;
  }
}
.cbEditProfile form .tab-content .tab-pane .form-group > *#cblabcb_signature + .cb_field > .form-control-plaintext .wf-editor-container,
.cbEditProfile form .tab-content .tab-pane .form-group > * > *#cblabcb_signature + .cb_field > .form-control-plaintext .wf-editor-container {
  min-width: unset;
}
.cbEditProfile form .tab-content .tab-pane .form-group .form-control {
  width: min-content;
  width: 100%;
}
@media (min-width: 50rem) {
  .cbEditProfile form .tab-content .tab-pane .form-group .form-control {
    max-width: fit-content;
  }
}
.cbEditProfile form .tab-content .tab-pane .form-group .input-group.cbPasswordUnmask {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media (min-width: 36rem) {
  .cbEditProfile form .tab-content .tab-pane .form-group .input-group.cbPasswordUnmask {
    flex-direction: row;
  }
}
@media (min-width: 50rem) {
  .cbEditProfile form .tab-content .tab-pane .form-group .input-group.cbPasswordUnmask {
    width: auto;
  }
}
.cbEditProfile form .tab-content .tab-pane .form-group .input-group.cbPasswordUnmask .input-group-append {
  width: 100%;
}
@media (min-width: 36rem) {
  .cbEditProfile form .tab-content .tab-pane .form-group .input-group.cbPasswordUnmask .input-group-append {
    width: auto;
  }
}
@media (min-width: 50rem) {
  .cbEditProfile form .tab-content .tab-pane .form-group .input-group.cbPasswordUnmask input {
    width: fit-content;
  }
}
.cbEditProfile form .tab-content .tab-pane .form-group .input-group.cbPasswordUnmask button {
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
  padding: .75em 1em;
  width: 100%;
}
.cbEditProfile form .tab-content .tab-pane .form-group .input-group.cbPasswordUnmask button:hover {
  color: #cccccc;
  cursor: pointer;
}
@media (min-width: 36rem) {
  .cbEditProfile form .tab-content .tab-pane .form-group .input-group.cbPasswordUnmask button {
    width: auto;
  }
}
.cbEditProfile form .tab-content .tab-pane .form-group .input-group.cbPasswordUnmask button.cbPasswordUnmaskShow {
  background: #cc0000;
  color: white !important;
}
.cbEditProfile form .tab-content .tab-pane .form-group .input-group.cbPasswordUnmask button.cbPasswordUnmaskShow:hover {
  background: #990000;
}
.cbEditProfile form .tab-content .tab-pane .form-group .input-group.cbPasswordUnmask button.cbPasswordUnmaskHide {
  background: #529930;
  color: white !important;
}
.cbEditProfile form .tab-content .tab-pane .form-group .input-group.cbPasswordUnmask button.cbPasswordUnmaskHide:hover {
  background: #3e7324;
}
.cbEditProfile form .tab-content .tab-pane.userProfileBackground .form-group label {
  align-items: flex-start;
}
.cbEditProfile form .tab-content .tab-pane.userProfileBackground .form-group select#canvas__choice {
  margin-top: 1em;
  width: 100%;
}
.cbEditProfile form .tab-content .tab-pane.userProfileBackground .form-group .cb_field {
  flex-direction: column;
  align-items: flex-start;
}
.cbEditProfile form .tab-content .tab-pane.userProfileBackground .form-group .cb_field > div {
  display: block;
  width: 100%;
}
.cbEditProfile form .tab-content .tab-pane.userProfileBackground .form-group .cb_field #cbimagefile_gallery_canvas input {
  width: auto;
}
.cbEditProfile form .tab-content .tab-pane.userProfileBackground .form-group .cb_field .form-group {
  display: flex;
}
.cbEditProfile form .tab-content .tab-pane.userProfileBackground .form-group .cb_field .form-group#cbimagefile_upload_canvas {
  flex-direction: column;
}
.cbEditProfile form .tab-content .tab-pane.userProfileBackground .form-group .cb_field .form-group > * {
  color: #999999;
  font-size: 1rem;
  line-height: 1.5;
  font-family: montserrat, sans-serif;
}
.cbEditProfile form .tab-content .tab-pane.userProfileBackground .form-group .cb_field .form-group div:nth-of-type(2) {
  margin: 1em 0;
}
.cbEditProfile form .tab-content .tab-pane.userProfileBackground .form-group .cb_field .form-group div:nth-of-type(2) input {
  margin-left: 1em;
}
.cbEditProfile form .tab-content .tab-pane.portrait label {
  align-items: flex-start;
}
.cbEditProfile form .tab-content .tab-pane.portrait .form-control-plaintext {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.cbEditProfile form .tab-content .tab-pane.portrait .form-control-plaintext .form-group {
  margin: 0;
  display: flex;
  justify-content: center;
  width: 100%;
}
.cbEditProfile form .tab-content .tab-pane.portrait .cbImageFieldImage {
  margin-right: 1em;
}
.cbEditProfile form .tab-content .tab-pane.portrait #cbimagefile_upload_avatar {
  display: flex;
  flex-direction: column;
  color: #999999;
  font-size: 1rem;
  line-height: 1.5;
  font-family: montserrat, sans-serif;
}
.cbEditProfile form .tab-content .tab-pane.portrait #cbimagefile_upload_avatar div:nth-of-type(2) {
  margin: 1em 0;
}
.cbEditProfile form .tab-content .tab-pane.portrait #cbimagefile_upload_avatar div:nth-of-type(2) input {
  margin-left: 1em;
}
.cbNotAuth {
  width: min(90%, 60rem);
  background: #02080b;
  position: fixed;
  inset: 0;
  height: 100vh;
  width: 100vw;
  z-index: 1005;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.cbNotAuth .error {
  font-family: rubik, sans-serif;
  color: #999999;
  font-size: clamp(1.5rem, 7vw, 2.5rem);
  text-align: center;
}
.cb_template.forums {
  width: 100%;
}
.cbManageConnections {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cbManageConnections .cbTabsNav {
  display: none;
}
.cbManageConnections form {
  margin-top: 5rem;
  display: flex;
  flex-direction: column;
  background: #02080b;
  width: min(90%, 60rem);
  padding: 2em;
}
.cbManageConnections form .cbRadioButtons {
  margin: 2em 0 1em 0;
}
.cbManageConnections form .cbRadioButtons input:not(:checked) + label {
  background: 0 none !important;
  color: #cccccc !important;
  border: 0 none !important;
}
.cbManageConnections form .cbRadioButtons input + label {
  padding: .5em 1em;
}
.cbManageConnections form .cbRadioButtons input + label:hover {
  cursor: pointer;
}
.cbManageConnections form .cbRadioButtons input:is(:checked) + label.btn-success {
  background: #529930;
  color: white !important;
}
.cbManageConnections form .cbRadioButtons input:is(:checked) + label.btn-success:hover {
  background: #3e7324;
}
.cbManageConnections form .cbRadioButtons input:is(:checked) + label.btn-danger {
  background: #cc0000;
  color: white !important;
}
.cbManageConnections form .cbRadioButtons input:is(:checked) + label.btn-danger:hover {
  background: #990000;
}
.cbManageConnections form .tab_description {
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #999999;
}
@media (min-width: 36rem) {
  .cbManageConnections form .tab_description {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.cbManageConnections form .tab_description + div {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2em;
  margin: 2em 0;
}
@media (min-width: 50rem) {
  .cbManageConnections form .tab_description + div {
    grid-template-columns: repeat(2, 1fr);
  }
}
.cbManageConnections form .tab_description + div .cbCanvasLayout {
  background: rgba(1, 5, 6, 0.75);
  border: 1px solid #0d2d3d;
  padding: 1em;
  position: relative;
}
.cbManageConnections form .tab_description + div .cbCanvasLayoutTop {
  min-height: unset !important;
}
.cbManageConnections form .tab_description + div .cbCanvasLayoutBottom {
  margin-bottom: 2em;
}
.cbManageConnections form .tab_description + div .cbCanvasLayoutBackground {
  display: none;
}
.cbManageConnections form .tab_description + div .cbCanvasLayoutActions {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}
.cbManageConnections form .tab_description + div .cbCanvasLayoutActions button {
  border: 0 none;
  color: white;
  font-size: 4rem;
  line-height: 0.5;
  padding: .15em;
  border: 1px solid rgba(9, 33, 44, 0.75);
  border-top: 0 none;
  border-right: 0 none;
  background: rgba(3, 11, 15, 0.75);
  transition: background 250ms linear;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1em;
  width: 1em;
}
.cbManageConnections form .tab_description + div .cbCanvasLayoutActions button:hover {
  cursor: pointer;
  background: rgba(13, 45, 61, 0.75);
}
.cbManageConnections form .tab_description + div .cbCanvasLayoutBody .cbCanvasLayoutContent.text-truncate {
  display: flex;
  align-items: center;
}
.cbManageConnections form .tab_description + div .select2-dropdown--below {
  border: 1px solid rgba(9, 33, 44, 0.75);
  background: rgba(3, 11, 15, 0.75);
}
.cbManageConnections form .tab_description + div .cbCanvasLayoutContent .select2,
.cbManageConnections form .tab_description + div .cbCanvasLayoutContent textarea {
  background: rgba(1, 5, 6, 0.75);
  border: 1px solid #0d2d3d;
  color: #999999;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  padding: .5em 1em;
  width: 100%;
  width: 100% !important;
}
@media (min-width: 36rem) {
  .cbManageConnections form .tab_description + div .cbCanvasLayoutContent .select2,
  .cbManageConnections form .tab_description + div .cbCanvasLayoutContent textarea {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.cbManageConnections form .tab_description + div .cbCanvasLayoutContent .select2:focus,
.cbManageConnections form .tab_description + div .cbCanvasLayoutContent textarea:focus {
  outline: 0;
  border: 1px solid #278abc;
}
.cbManageConnections form .tab_description + div .cbCanvasLayoutContent .select2 option,
.cbManageConnections form .tab_description + div .cbCanvasLayoutContent textarea option,
.cbManageConnections form .tab_description + div .cbCanvasLayoutContent .select2 optgroup,
.cbManageConnections form .tab_description + div .cbCanvasLayoutContent textarea optgroup {
  color: white;
}
.cbManageConnections form .tab_description + div .cbCanvasLayoutContent .select2 {
  margin: 1em 0;
}
.cbManageConnections form .tab_description + div .cbCanvasLayoutContent .select2.select2-container--focus {
  background: rgba(3, 11, 15, 0.75);
}
.cbManageConnections form .tab_description + div .cbCanvasLayoutContent .select2-selection__rendered {
  display: flex;
  flex-flow: row wrap;
  gap: .25em 0;
}
.cbManageConnections form .tab_description + div .cbCanvasLayoutContent .select2-selection__rendered li.select2-selection__choice {
  border: 1px solid rgba(9, 33, 44, 0.75);
  background: rgba(7, 23, 32, 0.75);
  padding: .25em .5em;
}
.cbManageConnections form .tab_description + div .cbCanvasLayoutContent .select2-selection__rendered li.select2-selection__choice:hover,
.cbManageConnections form .tab_description + div .cbCanvasLayoutContent .select2-selection__rendered li.select2-selection__choice:focus {
  border: 1px solid rgba(13, 45, 61, 0.75);
  background: rgba(10, 36, 48, 0.75);
}
.cbManageConnections form .tab_description + div .cbCanvasLayoutContent .select2-selection__rendered li.select2-selection__choice:hover .select2-selection__choice__remove,
.cbManageConnections form .tab_description + div .cbCanvasLayoutContent .select2-selection__rendered li.select2-selection__choice:focus .select2-selection__choice__remove {
  color: red;
}
.cbManageConnections form .tab_description + div .cbCanvasLayoutContent .select2-selection__rendered li.select2-selection__choice .select2-selection__choice__remove {
  color: #cc0000;
}
.cbManageConnections form .tab_description + div .cbCanvasLayoutContent.text-truncate > span {
  border-radius: 50%;
  color: #fff;
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
}
@media (min-width: 36rem) {
  .cbManageConnections form .tab_description + div .cbCanvasLayoutContent.text-truncate > span {
    margin-left: .5em;
  }
}
@media (min-width: 50rem) {
  .cbManageConnections form .tab_description + div .cbCanvasLayoutContent.text-truncate > span {
    font-size: clamp(1rem, 10vw, 1.125rem);
    padding: .5em 1em;
    border-radius: 10em;
    margin-left: 0;
    height: fit-content;
    width: fit-content;
  }
}
.cbManageConnections form .tab_description + div .cbCanvasLayoutContent.text-truncate > span > span {
  display: none;
}
@media (min-width: 50rem) {
  .cbManageConnections form .tab_description + div .cbCanvasLayoutContent.text-truncate > span > span + span {
    display: inline;
    width: fit-content;
    height: fit-content;
    position: relative;
  }
}
.cbManageConnections form .tab_description + div .cbCanvasLayoutContent.text-truncate > span.text-large a {
  color: #999999;
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.5;
  font-family: montserrat, sans-serif;
}
@media (min-width: 36rem) {
  .cbManageConnections form .tab_description + div .cbCanvasLayoutContent.text-truncate > span.text-large a {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.cbManageConnections form .tab_description + div .cbCanvasLayoutContent.text-truncate .cb_online {
  background: #529930;
}
.cbManageConnections form .tab_description + div .cbCanvasLayoutContent.text-truncate .cb_offline {
  background: #cc0000;
}
.cbManageConnections form .cbMngConnButtons input {
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
}
.cbManageConnections form .cbMngConnButtons input:hover {
  color: #cccccc;
  cursor: pointer;
}
.cbManageConnections form .cbMngConnButtons input.cbMngConnSubmit {
  background: #529930;
  color: white !important;
}
.cbManageConnections form .cbMngConnButtons input.cbMngConnSubmit:hover {
  background: #3e7324;
}
.cbManageConnections form .cbMngConnButtons input.cbMngConnCancel {
  background: 0 none;
}
.select2-results li.select2-results__option {
  background: rgba(3, 11, 15, 0.75) !important;
}
.select2-results li.select2-results__option--highlighted {
  background: rgba(0, 0, 0, 0.75) !important;
  color: white !important;
}
.cbModerateBans,
.cbModerateImages,
.cbModerateReports,
.cbPendingApprovalUsers {
  text-align: center;
}
.cbModerateBans .tab_description,
.cbModerateImages .tab_description,
.cbModerateReports .tab_description,
.cbPendingApprovalUsers .tab_description {
  text-align: left;
}
.cbModerateBans,
.cbModerateImages,
.cbModerateReports,
.cbPendingApprovalUsers,
.cbBanUserForm,
.cbReportUserForm {
  margin-top: 5rem;
  padding: 3rem 4rem;
  color: #999999;
  font-size: 1rem;
  line-height: 1.5;
  font-family: montserrat, sans-serif;
  width: min(90%, 120rem) !important;
  background: #02080b;
}
@media (min-width: 36rem) {
  .cbModerateBans,
  .cbModerateImages,
  .cbModerateReports,
  .cbPendingApprovalUsers,
  .cbBanUserForm,
  .cbReportUserForm {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.cbModerateBans table,
.cbModerateImages table,
.cbModerateReports table,
.cbPendingApprovalUsers table,
.cbBanUserForm table,
.cbReportUserForm table {
  width: 100%;
}
.cbModerateBans table thead,
.cbModerateImages table thead,
.cbModerateReports table thead,
.cbPendingApprovalUsers table thead,
.cbBanUserForm table thead,
.cbReportUserForm table thead {
  display: none;
}
.cbModerateBans table thead th,
.cbModerateImages table thead th,
.cbModerateReports table thead th,
.cbPendingApprovalUsers table thead th,
.cbBanUserForm table thead th,
.cbReportUserForm table thead th {
  font-weight: normal;
  text-align: left;
}
@media (min-width: 80rem) {
  .cbModerateBans table thead,
  .cbModerateImages table thead,
  .cbModerateReports table thead,
  .cbPendingApprovalUsers table thead,
  .cbBanUserForm table thead,
  .cbReportUserForm table thead {
    display: flex;
  }
}
.cbModerateBans table tr,
.cbModerateImages table tr,
.cbModerateReports table tr,
.cbPendingApprovalUsers table tr,
.cbBanUserForm table tr,
.cbReportUserForm table tr {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1em;
  width: 100%;
  padding: 1.75em 0;
  border-bottom: 2px solid #081a24;
}
@media (min-width: 80rem) {
  .cbModerateBans table tr,
  .cbModerateImages table tr,
  .cbModerateReports table tr,
  .cbPendingApprovalUsers table tr,
  .cbBanUserForm table tr,
  .cbReportUserForm table tr {
    grid-template-columns: 10rem 25rem repeat(5, 1fr);
  }
}
.cbModerateBans table tr th,
.cbModerateImages table tr th,
.cbModerateReports table tr th,
.cbPendingApprovalUsers table tr th,
.cbBanUserForm table tr th,
.cbReportUserForm table tr th,
.cbModerateBans table tr td,
.cbModerateImages table tr td,
.cbModerateReports table tr td,
.cbPendingApprovalUsers table tr td,
.cbBanUserForm table tr td,
.cbReportUserForm table tr td {
  text-align: left;
}
.cbModerateBans table thead,
.cbModerateImages table thead,
.cbModerateReports table thead,
.cbPendingApprovalUsers table thead,
.cbBanUserForm table thead,
.cbReportUserForm table thead,
.cbModerateBans table tbody,
.cbModerateImages table tbody,
.cbModerateReports table tbody,
.cbPendingApprovalUsers table tbody,
.cbBanUserForm table tbody,
.cbReportUserForm table tbody {
  width: 100%;
}
.cbModerateBans table tbody tr:last-of-type,
.cbModerateImages table tbody tr:last-of-type,
.cbModerateReports table tbody tr:last-of-type,
.cbPendingApprovalUsers table tbody tr:last-of-type,
.cbBanUserForm table tbody tr:last-of-type,
.cbReportUserForm table tbody tr:last-of-type {
  border-bottom: 0;
}
@media (max-width: 79.9999rem) {
  .cbModerateBans table tbody tr,
  .cbModerateImages table tbody tr,
  .cbModerateReports table tbody tr,
  .cbPendingApprovalUsers table tbody tr,
  .cbBanUserForm table tbody tr,
  .cbReportUserForm table tbody tr {
    margin: 1em 0 !important;
    border: 1px solid #081e28 !important;
    background: rgba(0, 0, 0, 0.75) !important;
    padding: 1em !important;
    font-size: 1rem !important;
  }
  .cbModerateBans table tbody tr > div > div > a,
  .cbModerateImages table tbody tr > div > div > a,
  .cbModerateReports table tbody tr > div > div > a,
  .cbPendingApprovalUsers table tbody tr > div > div > a,
  .cbBanUserForm table tbody tr > div > div > a,
  .cbReportUserForm table tbody tr > div > div > a {
    color: #999999 !important;
  }
  .cbModerateBans table tbody tr > div > div > a:hover,
  .cbModerateImages table tbody tr > div > div > a:hover,
  .cbModerateReports table tbody tr > div > div > a:hover,
  .cbPendingApprovalUsers table tbody tr > div > div > a:hover,
  .cbBanUserForm table tbody tr > div > div > a:hover,
  .cbReportUserForm table tbody tr > div > div > a:hover {
    color: #0082b3 !important;
  }
  .cbModerateBans table tbody tr > blockquote,
  .cbModerateImages table tbody tr > blockquote,
  .cbModerateReports table tbody tr > blockquote,
  .cbPendingApprovalUsers table tbody tr > blockquote,
  .cbBanUserForm table tbody tr > blockquote,
  .cbReportUserForm table tbody tr > blockquote {
    margin-left: 2rem !important;
  }
}
.cbModerateBans table tbody tr td *,
.cbModerateImages table tbody tr td *,
.cbModerateReports table tbody tr td *,
.cbPendingApprovalUsers table tbody tr td *,
.cbBanUserForm table tbody tr td *,
.cbReportUserForm table tbody tr td * {
  color: #999999;
}
.cbModerateBans table tbody tr td a,
.cbModerateImages table tbody tr td a,
.cbModerateReports table tbody tr td a,
.cbPendingApprovalUsers table tbody tr td a,
.cbBanUserForm table tbody tr td a,
.cbReportUserForm table tbody tr td a {
  color: #0082b3;
  text-decoration: none;
}
.cbModerateBans table tbody tr td a:hover,
.cbModerateImages table tbody tr td a:hover,
.cbModerateReports table tbody tr td a:hover,
.cbPendingApprovalUsers table tbody tr td a:hover,
.cbBanUserForm table tbody tr td a:hover,
.cbReportUserForm table tbody tr td a:hover {
  color: #00baff;
}
.cbModerateBans table tbody tr td.xs-hidden,
.cbModerateImages table tbody tr td.xs-hidden,
.cbModerateReports table tbody tr td.xs-hidden,
.cbPendingApprovalUsers table tbody tr td.xs-hidden,
.cbBanUserForm table tbody tr td.xs-hidden,
.cbReportUserForm table tbody tr td.xs-hidden {
  display: none;
}
@media (min-width: 80rem) {
  .cbModerateBans table tbody tr td.xs-hidden,
  .cbModerateImages table tbody tr td.xs-hidden,
  .cbModerateReports table tbody tr td.xs-hidden,
  .cbPendingApprovalUsers table tbody tr td.xs-hidden,
  .cbBanUserForm table tbody tr td.xs-hidden,
  .cbReportUserForm table tbody tr td.xs-hidden {
    display: flex;
  }
}
.cbModerateBans table tbody tr td.text-danger,
.cbModerateImages table tbody tr td.text-danger,
.cbModerateReports table tbody tr td.text-danger,
.cbPendingApprovalUsers table tbody tr td.text-danger,
.cbBanUserForm table tbody tr td.text-danger,
.cbReportUserForm table tbody tr td.text-danger {
  color: #cc0000;
}
.cbBanUserForm,
.cbReportUserForm {
  width: min(90%, 60rem) !important;
}
.cbBanUserForm label,
.cbReportUserForm label {
  font-size: 1rem;
  font-family: montserrat, sans-serif;
  color: #cccccc;
  display: flex;
  margin-bottom: .5em;
}
.cbBanUserForm textarea,
.cbReportUserForm textarea {
  background: rgba(1, 5, 6, 0.75);
  border: 1px solid #0d2d3d;
  color: #999999;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  padding: .5em 1em;
  width: 100%;
}
@media (min-width: 36rem) {
  .cbBanUserForm textarea,
  .cbReportUserForm textarea {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.cbBanUserForm textarea:focus,
.cbReportUserForm textarea:focus {
  outline: 0;
  border: 1px solid #278abc;
}
.cbBanUserForm textarea option,
.cbReportUserForm textarea option,
.cbBanUserForm textarea optgroup,
.cbReportUserForm textarea optgroup {
  color: white;
}
.cbBanUserForm .cbBanUsrButtons,
.cbReportUserForm .cbBanUsrButtons,
.cbBanUserForm .cbReportUsrButtons,
.cbReportUserForm .cbReportUsrButtons {
  margin-top: 1em;
}
.cbBanUserForm .cbBanUsrButtons input,
.cbReportUserForm .cbBanUsrButtons input,
.cbBanUserForm .cbReportUsrButtons input,
.cbReportUserForm .cbReportUsrButtons input {
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
}
.cbBanUserForm .cbBanUsrButtons input:hover,
.cbReportUserForm .cbBanUsrButtons input:hover,
.cbBanUserForm .cbReportUsrButtons input:hover,
.cbReportUserForm .cbReportUsrButtons input:hover {
  color: #cccccc;
  cursor: pointer;
}
.cbBanUserForm .cbBanUsrButtons input.btn-primary,
.cbReportUserForm .cbBanUsrButtons input.btn-primary,
.cbBanUserForm .cbReportUsrButtons input.btn-primary,
.cbReportUserForm .cbReportUsrButtons input.btn-primary {
  background: #529930;
  color: white !important;
}
.cbBanUserForm .cbBanUsrButtons input.btn-primary:hover,
.cbReportUserForm .cbBanUsrButtons input.btn-primary:hover,
.cbBanUserForm .cbReportUsrButtons input.btn-primary:hover,
.cbReportUserForm .cbReportUsrButtons input.btn-primary:hover {
  background: #3e7324;
}
.control-group .wysibb,
.form-group .wysibb {
  border: 0 none;
  background: 0 none;
  background: #000;
  display: grid;
  grid-template-columns: 1fr;
}
.control-group .wysibb > *,
.form-group .wysibb > * {
  border: 0 none;
}
.control-group .wysibb .wysibb-toolbar,
.form-group .wysibb .wysibb-toolbar {
  border-bottom: 2px solid #081a24;
  padding: 1em;
  max-height: 25em !important;
  display: flex;
  gap: .25em;
  float: none !important;
  width: 100% !important;
  overflow-x: auto;
}
@media (min-width: 50rem) {
  .control-group .wysibb .wysibb-toolbar,
  .form-group .wysibb .wysibb-toolbar {
    max-height: unset !important;
    flex-flow: row wrap;
    overflow: visible;
  }
}
.control-group .wysibb .wysibb-toolbar-container,
.form-group .wysibb .wysibb-toolbar-container {
  display: flex;
  gap: .25em;
  border: 0 none;
  flex-direction: row;
}
.control-group .wysibb .wysibb-toolbar-container > *,
.form-group .wysibb .wysibb-toolbar-container > * {
  background: 0 none !important;
  border: 0 none !important;
  box-shadow: none !important;
  min-width: unset !important;
  height: unset !important;
  overflow: visible !important;
  display: flex !important;
  padding: 0 !important;
  border: 1px solid rgba(77, 77, 77, 0.75) !important;
  width: fit-content !important;
}
.control-group .wysibb .wysibb-toolbar-container > *:hover,
.form-group .wysibb .wysibb-toolbar-container > *:hover {
  color: #00baff !important;
  background: rgba(38, 38, 38, 0.75) !important;
}
.control-group .wysibb .wysibb-toolbar-container > *:hover .btn-tooltip,
.form-group .wysibb .wysibb-toolbar-container > *:hover .btn-tooltip {
  display: flex;
}
.control-group .wysibb .wysibb-toolbar-container > * > .ve-tlb-colorpick,
.form-group .wysibb .wysibb-toolbar-container > * > .ve-tlb-colorpick {
  width: fit-content !important;
  display: flex !important;
  align-items: center;
  height: 100% !important;
}
.control-group .wysibb .wysibb-toolbar-container > * .val,
.form-group .wysibb .wysibb-toolbar-container > * .val {
  margin-right: 0 !important;
  display: flex !important;
  align-items: center;
  top: 0 !important;
}
.control-group .wysibb .wysibb-toolbar-container.modeSwitch,
.form-group .wysibb .wysibb-toolbar-container.modeSwitch {
  position: relative;
  margin-left: auto;
}
.control-group .wysibb .wysibb-toolbar-container .ve-tlb-colorpick > span,
.form-group .wysibb .wysibb-toolbar-container .ve-tlb-colorpick > span {
  border: 0 none !important;
}
.control-group .wysibb .wysibb-toolbar-container span,
.form-group .wysibb .wysibb-toolbar-container span {
  color: #999999 !important;
  text-shadow: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: unset !important;
  min-width: unset !important;
  padding: .25em .5em;
  font-size: 1rem !important;
}
.control-group .wysibb .wysibb-toolbar-container span.fonticon,
.form-group .wysibb .wysibb-toolbar-container span.fonticon {
  line-height: 1;
  font-size: 1rem;
  line-height: 1.5;
}
@media (min-width: 36rem) {
  .control-group .wysibb .wysibb-toolbar-container span.fonticon,
  .form-group .wysibb .wysibb-toolbar-container span.fonticon {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.control-group .wysibb .wysibb-toolbar-container span.cp-line,
.form-group .wysibb .wysibb-toolbar-container span.cp-line {
  display: none;
}
.control-group .wysibb .wysibb-toolbar-container .btn-tooltip,
.form-group .wysibb .wysibb-toolbar-container .btn-tooltip {
  position: absolute;
  right: 0;
  background: #4d4d4d !important;
  justify-content: flex-start;
  width: min-content;
  bottom: 100%;
  top: 0;
  height: 2em !important;
  transform: translateY(-100%);
  font-family: montserrat, sans-serif;
  color: #cccccc !important;
  font-size: 1rem;
  border: 1px solid rgba(77, 77, 77, 0.75) !important;
}
.control-group .wysibb .wysibb-toolbar-container .btn-tooltip ins,
.form-group .wysibb .wysibb-toolbar-container .btn-tooltip ins {
  border-top: 10px solid #4d4d4d !important;
  bottom: -11px !important;
  left: 10px !important;
}
.control-group .wysibb .wysibb-toolbar-container .btn-tooltip ins .tthotkey,
.form-group .wysibb .wysibb-toolbar-container .btn-tooltip ins .tthotkey {
  display: none;
}
.control-group .wysibb .wysibb-toolbar-container ins.ar,
.form-group .wysibb .wysibb-toolbar-container ins.ar,
.control-group .wysibb .wysibb-toolbar-container ins.sar,
.form-group .wysibb .wysibb-toolbar-container ins.sar {
  display: flex !important;
  align-items: center;
  position: relative !important;
  right: 0 !important;
  width: min-content !important;
  height: 100% !important;
  font-size: 1rem !important;
  color: #999999 !important;
  line-height: 1 !important;
  text-shadow: none !important;
  top: 0 !important;
  border-left: 1px solid #4d4d4d !important;
}
.control-group .wysibb .wysibb-toolbar-container .wbb-list,
.form-group .wysibb .wysibb-toolbar-container .wbb-list {
  background: #4d4d4d !important;
  border: 1px solid rgba(77, 77, 77, 0.75) !important;
}
.control-group .wysibb .wysibb-toolbar-container .wbb-list > span,
.form-group .wysibb .wysibb-toolbar-container .wbb-list > span {
  color: #cccccc !important;
}
.control-group .wysibb .wysibb-toolbar-container .wbb-list > span:hover,
.form-group .wysibb .wysibb-toolbar-container .wbb-list > span:hover {
  background: #262626 !important;
}
.control-group .wysibb .wysibb-text,
.form-group .wysibb .wysibb-text {
  margin: 0 !important;
  padding: 0;
}
.control-group .wysibb textarea,
.form-group .wysibb textarea {
  background: rgba(1, 5, 6, 0.75);
  border: 1px solid #0d2d3d;
  color: #999999;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  padding: .5em 1em;
  width: 100%;
  padding: 1em !important;
}
@media (min-width: 36rem) {
  .control-group .wysibb textarea,
  .form-group .wysibb textarea {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.control-group .wysibb textarea:focus,
.form-group .wysibb textarea:focus {
  outline: 0;
  border: 1px solid #278abc;
}
.control-group .wysibb textarea option,
.form-group .wysibb textarea option,
.control-group .wysibb textarea optgroup,
.form-group .wysibb textarea optgroup {
  color: white;
}
.control-group .wysibb .wysibb-text-editor,
.form-group .wysibb .wysibb-text-editor,
.control-group .wysibb textarea,
.form-group .wysibb textarea {
  padding: 1em;
  font-size: 1rem;
  line-height: 1.5;
  font-family: montserrat, sans-serif;
  color: #999999;
}
.control-group .wysibb .wysibb-text-editor:focus,
.form-group .wysibb .wysibb-text-editor:focus,
.control-group .wysibb textarea:focus,
.form-group .wysibb textarea:focus {
  border: 2px solid #0d2d3d;
  outline: 0;
}
@media (min-width: 36rem) {
  .control-group .wysibb .wysibb-text-editor,
  .form-group .wysibb .wysibb-text-editor,
  .control-group .wysibb textarea,
  .form-group .wysibb textarea {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.control-group .wysibb .wysibb-body,
.form-group .wysibb .wysibb-body {
  min-height: 25em !important;
  max-height: 75em !important;
  word-break: break-word;
}
.control-group .wysibb .wysibb-body br,
.form-group .wysibb .wysibb-body br {
  display: block;
}
#wbbmodal .wbbm {
  background: rgba(1, 5, 6, 0.75);
  border: 1px solid #0d2d3d;
  color: #999999;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  padding: .5em 1em;
  width: 100%;
  background: black;
  padding: 2em;
  position: relative;
}
@media (min-width: 36rem) {
  #wbbmodal .wbbm {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
#wbbmodal .wbbm:focus {
  outline: 0;
  border: 1px solid #278abc;
}
#wbbmodal .wbbm option,
#wbbmodal .wbbm optgroup {
  color: white;
}
#wbbmodal .wbbm-title {
  border-bottom: 2px solid #081a24;
  position: static;
  padding: 0;
}
#wbbmodal .wbbm-title .wbbm-title-text {
  color: #cccccc;
  font-family: rubik, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  line-height: 1;
}
@media (min-width: 36rem) {
  #wbbmodal .wbbm-title .wbbm-title-text {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
#wbbmodal .wbbm-content {
  margin: 2em 0 1em 0;
}
#wbbmodal .wbbm-cont {
  padding: 1em 0;
}
#wbbmodal .wbbclose {
  display: flex !important;
  position: absolute;
  top: 0 !important;
  right: 0 !important;
  border: 0 none;
  color: white !important;
  font-size: 3rem !important;
  line-height: 0.5;
  padding: .15em;
  border: 1px solid rgba(9, 33, 44, 0.75);
  border-top: 0 none;
  border-right: 0 none;
  background: rgba(3, 11, 15, 0.75);
  transition: background 250ms linear;
  justify-content: center;
  align-items: center;
  height: 1em !important;
  width: 1em !important;
}
#wbbmodal .wbbclose:hover {
  cursor: pointer;
  background: rgba(13, 45, 61, 0.75);
}
#wbbmodal label {
  font-size: 1rem;
  font-family: montserrat, sans-serif;
  color: #cccccc;
  display: flex;
  margin-bottom: .5em;
}
#wbbmodal input,
#wbbmodal textarea,
#wbbmodal label + div {
  background: rgba(1, 5, 6, 0.75) !important;
  border: 1px solid #0d2d3d !important;
  color: #999999 !important;
  font-family: montserrat, sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  padding: .5em 1em !important;
  width: 100% !important;
}
@media (min-width: 36rem) {
  #wbbmodal input,
  #wbbmodal textarea,
  #wbbmodal label + div {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
#wbbmodal input:focus,
#wbbmodal textarea:focus,
#wbbmodal label + div:focus {
  outline: 0 !important;
  border: 1px solid #278abc !important;
}
#wbbmodal input option,
#wbbmodal textarea option,
#wbbmodal label + div option,
#wbbmodal input optgroup,
#wbbmodal textarea optgroup,
#wbbmodal label + div optgroup {
  color: white !important;
}
#wbbmodal .wbbm-bottom {
  background: 0 none;
  border: 0 none;
  padding: 0;
}
#wbbmodal .wbbm-bottom button {
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
  border: 0 none !important;
  padding: .5em 1em !important;
  background: 0 none !important;
}
#wbbmodal .wbbm-bottom button:hover {
  color: #cccccc;
  cursor: pointer;
}
#wbbmodal .wbbm-bottom button#wbbm-submit {
  background: #529930 !important;
  color: white !important !important;
  color: white !important;
}
#wbbmodal .wbbm-bottom button#wbbm-submit:hover {
  background: #3e7324 !important;
}
.statistics {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.statistics .container {
  margin-bottom: 2rem;
  width: inherit;
  padding: 1.75em 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.statistics .container:is(:first-of-type) {
  margin-top: 5rem;
}
.statistics .container:is(:last-of-type) {
  margin-bottom: 0;
}
.statistics .container h3 {
  margin-top: 1em !important;
  display: flex;
  font-size: 1rem !important;
  font-family: montserrat, sans-serif !important;
  color: #cccccc !important;
  display: flex !important;
  margin-bottom: .5em !important;
  font-weight: bold;
  width: inherit;
  color: white !important;
}
.statistics .container .well {
  background: #02080b;
  width: 100%;
  padding: 1.75rem 2rem;
}
.statistics .container table {
  background: #02080b;
  width: 100%;
  align-items: center;
}
.statistics .container table > * {
  width: calc(100% - 4rem);
}
.statistics .container table.topics a {
  color: #cccccc !important;
}
.statistics .container table.topics a:hover {
  color: #999999 !important;
}
.statistics .container table thead tr {
  border-bottom: 2px solid #081a24;
}
.statistics .container table tr {
  display: grid;
  place-items: flex-start;
  gap: 1em;
  padding: 1em 0;
  grid-template-columns: 3rem 1fr;
}
@media (min-width: 50rem) {
  .statistics .container table tr {
    padding: 1.75em 0;
    grid-template-columns: 5rem 1fr 10rem;
  }
}
.statistics .container table tr:not(:last-of-type) {
  border-bottom: 2px solid #081a24;
}
.statistics .container table tr td,
.statistics .container table tr th {
  color: #999999;
  font-size: 1rem;
  line-height: 1.5;
  font-family: montserrat, sans-serif;
}
@media (min-width: 36rem) {
  .statistics .container table tr td,
  .statistics .container table tr th {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.statistics .container table tr td:last-of-type,
.statistics .container table tr th:last-of-type,
.statistics .container table tr td:first-of-type,
.statistics .container table tr th:first-of-type {
  display: flex;
  justify-content: center;
  width: 100%;
}
.statistics .container table tr td:last-of-type,
.statistics .container table tr th:last-of-type {
  display: none;
}
@media (min-width: 50rem) {
  .statistics .container table tr td:last-of-type,
  .statistics .container table tr th:last-of-type {
    display: flex;
  }
}
.statistics .container table tr th {
  font-weight: normal;
  font-size: 1rem;
  color: #cccccc;
}
.statistics .container .well {
  color: #999999;
  font-size: 1rem;
  line-height: 1.5;
  font-family: montserrat, sans-serif;
}
@media (min-width: 36rem) {
  .statistics .container .well {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.forum-search {
  width: min(90%, 45rem);
  margin-top: 5rem;
}
.forum-search input[type="text"],
.forum-search textarea,
.forum-search select {
  background: rgba(1, 5, 6, 0.75);
  border: 1px solid #0d2d3d;
  color: #999999;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  padding: .5em 1em;
  width: 100%;
}
@media (min-width: 36rem) {
  .forum-search input[type="text"],
  .forum-search textarea,
  .forum-search select {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.forum-search input[type="text"]:focus,
.forum-search textarea:focus,
.forum-search select:focus {
  outline: 0;
  border: 1px solid #278abc;
}
.forum-search input[type="text"] option,
.forum-search textarea option,
.forum-search select option,
.forum-search input[type="text"] optgroup,
.forum-search textarea optgroup,
.forum-search select optgroup {
  color: white;
}
.forum-search .checkbox,
.forum-search select + label {
  margin-top: .5em;
  display: flex;
  align-items: center;
}
.forum-search select {
  margin-top: .5rem;
}
.forum-search h1,
.forum-search h2,
.forum-search legend,
.forum-search label {
  font-size: 1rem;
  font-family: montserrat, sans-serif;
  color: #cccccc;
  display: flex;
  margin-bottom: .5em;
}
.forum-search h1,
.forum-search h2 {
  line-height: 1;
  border-bottom: 2px solid #081a24;
  margin-bottom: 2em;
  padding-bottom: .5em;
  font-weight: bold;
}
.forum-search h2 {
  margin-top: 5rem;
}
.forum-search fieldset {
  border: 0 none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  margin-bottom: 2rem;
}
.forum-search button[data-bs-toggle="collapse"] {
  display: none;
}
.forum-search .text-center button {
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
}
.forum-search .text-center button:hover {
  color: #cccccc;
  cursor: pointer;
}
.forum-search .text-center button.btn-primary {
  background: #529930 !important;
  color: white !important !important;
  color: white !important;
}
.forum-search .text-center button.btn-primary:hover {
  background: #3e7324 !important;
}
.errorpage {
  background: #ffffff url('../images/errorpage/error-image.jpg') center center;
  backdrop-filter: blur(5px);
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
}
.error-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
  border-radius: 1.25rem;
  min-width: 50%;
  max-width: 95%;
  padding: 1.25em;
}
@media (min-width: 62rem) {
  .error-container {
    max-width: 50%;
    max-width: 940px;
    padding: 50px;
  }
}
.error-container .error-number {
  font-size: clamp(5rem, calc(10vw + 1rem), 9rem);
  font-family: rubik, sans-serif;
  font-weight: bold;
  color: white;
}
.error-container .error-pagenotfoundtext {
  font-size: 1rem;
  line-height: 1.5;
  font-family: rubik, sans-serif;
  font-weight: bold;
  color: white;
}
@media (min-width: 36rem) {
  .error-container .error-pagenotfoundtext {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.error-container .error-admin {
  font-family: montserrat, sans-serif;
  padding: 1.75em 0;
  font-size: 1rem;
  line-height: 1.5;
  width: 75%;
  text-align: center;
  color: white;
}
@media (min-width: 36rem) {
  .error-container .error-admin {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.error-container .error-btn {
  border-radius: 50px;
  padding: 10px 20px;
  line-height: 1.5;
  background: 0 none;
  padding: 1em 2em;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  color: #999999;
  text-decoration: none;
  transition: background 300ms linear, color 300ms linear;
  border: 0 none;
  box-shadow: none;
  color: #fff;
  background: #040e13;
}
@media (min-width: 36rem) {
  .error-container .error-btn {
    font-size: clamp(1rem, 10vw, 1.125rem);
  }
}
.error-container .error-btn:hover {
  color: #cccccc;
  cursor: pointer;
}
@media (max-width: 35.9999rem) {
  .error-container .error-btn {
    width: 100%;
    text-align: center;
    padding: 20px 10px;
  }
}