/*General*/

@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css');


@font-face {
    font-family: 'BebasNeue';
    font-weight: 700;
    font-style: normal;
    src: url('fonts/BebasNeue-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'BebasRegular';
    src: url('../../includes/fonts/player_signature/BebasRegular.otf') format('opentype');
}

@font-face {
    font-family: 'PlayBold';
    src: url('../../includes/fonts/player_signature/Play-Bold.ttf') format('opentype');
}

@font-face {
    font-family: 'AmericanCaptain';
    src: url('../../includes/fonts/player_signature/AmericanCaptain.otf') format('opentype');
}


:root {
    color-scheme: dark;
    --body-navbar: #0a0a0a;
    --body-mainc: #e2e2e2;
    --body-background: url('images/bg.png') repeat #111;
    --body-backs: #060606;
    --body-bi: #000000;
    --body-ph: #000000;
    --body-fi: #0e0e0e;
    --body-fm: #050505;
    --mainc: #ff9900;
    --maina: #d47b00;
    --ic: #171717;
    --body-tb1: #0f0f0f;
    --body-tb2: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1));
    --body-nh: 108px;
    --body-ng: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
    --body-ngt: #cccccc;
    --body-nghb: #e2e2e2;
    --body-nghc: #111111;
    --body-dqb: #0e1111;
    --body-dqb-c: #999999;
    --progress: #3e3f40;
    --body-foot: #070707;
    --body-foot-b: 2px;
    --btn-hvc: #2B2B2B;
    --modal-close: #ffffff;
    --drpdwn-br: 1px solid rgba(58, 58, 58, 0.65);
    --drpdwn-bc: #0e1111;
    --drpdwn-hbc: #f8f9fa;
    --drpdwn-div: #3a3a3a;
    --pagen-br: 1px solid rgba(58, 58, 58, 0.65);
    --pagen-hbr: rgba(58, 58, 58, 0.65);
    --pagen-hbc: #313131;
    --pagen-hc: #c3c3c3;
    --pagen-abc: #0f0f0f;
    --pagen-abr: rgba(58, 58, 58, 0.65);
    --ams-bc: #0a0a0a;
    --profcat: inherit;
    --vos: 0.4;
    --voe: 1;
    --tab-br: rgba(58, 58, 58, 0.65);
    --tab-c: #f8f9fa;
    --tab-hbr: rgba(58, 58, 58, 0.80) rgba(58, 58, 58, 0.80) rgba(58, 58, 58, 0.65);
    --tab-hc: #cbd3da;
    --tab-abc: #0e1111;
    --tab-abr: rgba(58, 58, 58, 0.65) rgba(58, 58, 58, 0.65) transparent;
    --tab-ac: #cbd3da;
    --top-bc: #0f0f0f;
    --top-qs: invert(13%) sepia(0%) saturate(407%) hue-rotate(145deg) brightness(101%) contrast(97%);
    --table-the: #000000;
    --table-th: rgba(58, 58, 58, 0.65);
    --body-bbttom: #3a3a3a;
    --body-hr: rgba(238, 238, 238, 0.12);
    --alert-dc: inherit;
    --alert-dbc: #802626;
    --fcap-c: #dddddd;
    --prof-cat: #ff9900;
    --fq-br: rgba(238, 238, 238, 0.06);
}

html[data-theme="light"] {
    color-scheme: light;
    --body-navbar: rgba(10, 10, 10, 0.91);
    --body-mainc: #3c3c3c;
    --body-background: #ededed;
    --body-backs: #ffffff;
    --body-bi: #ffffff; /* dadada */
    --body-ph: #ededed;
    --body-fi: #e6e6e6; /**/
    --body-fm: #ffffff;
    --mainc: #cc6f00;
    --maina: #b36000;
    --ic: #ededed;
    --body-tb1: #ffffff;
    --body-tb2: #f3f3f3;
    --body-nh: 105px;
    --body-ng: #f6f6f6;
    --body-ngt: #3e3e3e;
    --body-nghb: #dadada;
    --body-nghc: #383838;
    --body-dqb: #C3C4C4;
    --body-dqb-c: #656565;
    --progress: #e9ecef;
    --body-foot: rgba(7, 7, 7, 0.08);
    --body-foot-b: 0;
    --btn-hvc: #ffffff;
    --modal-close: inherit;
    --drpdwn-br: 1px solid rgba(0,0,0,.15);
    --drpdwn-bc: #ffffff;
    --drpdwn-hbc: #dadada;
    --drpdwn-div: #e9ecef;
    --pagen-br: 1px solid #dee2e6;
    --pagen-hbr: rgba(58, 58, 58, 0.21);
    --pagen-hbc: #e6e6e6;
    --pagen-hc: #5a5a5a;
    --pagen-abc: #dadada;
    --pagen-abr: rgba(58, 58, 58, 0.28);
    --ams-bc: #ffffff;
    --profcat: #d8d8d8;
    --vos: 1;
    --voe: 0.6;
    --tab-br: rgba(0,0,0,.125);
    --tab-c: #757575;
    --tab-hbr: rgba(58, 58, 58, 0.50) rgba(58, 58, 58, 0.50) rgba(0, 0, 0, 0.125);
    --tab-hc: #8c8c8c;
    --tab-abc: #ededed;
    --tab-abr: rgba(0,0,0,.125) rgba(0,0,0,.125) transparent;
    --tab-ac: #495057;
    --top-bc: #ededed;
    --top-qs: invert(72%) sepia(1%) saturate(0%) hue-rotate(195deg) brightness(89%) contrast(91%);
    --table-the: unset;
    --table-th: rgba(58, 58, 58, 0.21);
    --body-bbttom: #dee2e6;
    --body-hr: rgba(0, 0, 0, .1);
    --alert-dc: #ffffff;
    --alert-dbc: #8c4242;
    --fcap-c: #808080;
    --prof-cat: #d47b00;
    --fq-br: rgba(0, 0, 0, 0.1);
}

html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0;
    font: 13px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: var(--body-mainc);
    font-size: 13px;
    transition: background 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out;
    background: var(--body-background);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#808080', GradientType=0); /* ie6-9 */
    background-attachment: fixed;
}

/* Navbar */

.navbar-transparent {
    background-color: var(--body-navbar) !important;
    border-bottom: 1px solid rgba(228, 134, 50, 0.42);
    font-size:15px;
}

.nav-io a:hover {
    color: #fff !important;
}
.nav-io a:after {
    transition: all ease-in-out .2s;
    background: none repeat scroll 0 0 #ee8f01;
    content: "";
    display: block;
    height: 2px;
    width: 0;
}
.nav-io a:hover:after,
.nav-io.active a:after {
    width: 100%;
}

.navbar-toggler.collapsed:focus {
    outline: none;
}

.nav-link.gold {
    color: #ffd700 !important;
}
.nav-link.gold:hover {
    color: #ffef97 !important;
}

.drp-user .dropdown-item {
    padding-right: 1rem;
    padding-left: 1rem;
}

.drp-user .btn {
    background: transparent;
    border: none;
    color: white;
}

.dropdown-item.d-flex > div:first-of-type {
    width: 24px;
}

.btn-secondary.focus, .btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    background-color: rgba(58, 58, 58, 0.65);
    border-color: rgba(58, 58, 58, 0.65);
}

.navbar-licon {
    width: 23px;
}

.carousel {
    z-index: 999;
    margin-top: 57px;
}

.carousel-item {
    -webkit-backface-visibility: unset;
    backface-visibility: unset;
}

.carousel-img {
    display: block;
    width: 100%;
    height: 130px;
    max-height: 130px;
    /*max-height: 150px;*/
}

.carousel-caption, .carousel-indicators {
    bottom: -10px;
}

/* News */

.news {
    width: 100%;
    margin: 0 0 3.5em 0;
    min-height: 229px;
    height: auto;
}

.news.extended {
    min-height: auto;
}

.news-left {
    padding: 0;
}

.news-left div.sticky {
    position: absolute;
    left: 5%;
    font-size: 3rem;
    text-shadow: 2px 2px 20px #5d1414, -2px -2px 20px #5d1414;
}

.news-left img {
    height: 100%;
    width: 100%;
    min-height: 229px;
    max-height: 229px;
}

.news-right {
    background-color: var(--body-backs);
    padding: 15px 30px;
    margin: 0;
}

.news-right.unr {
    box-shadow: -3px 0px 0 0px inset #ef7901;
}

.news-right .news-head h3 {
    margin-bottom: 0;
    color:var(--body-mainc);
    font-family: 'BebasNeue';
}

.custom-hr::after {
    border-top: 2px solid;
    border-color: var(--mainc);
    content: "";
    display: block;
    height: 1px;
    width: 60px;
    margin: 13px 0 0 0;
}

.news-right .news-head > .custom-hr::after {
    margin: 5px 0;
}

.news-right .news-head p a {
    color: var(--body-dqb-c) !important;
}

.news-right .news-text  {
    color: var(--body-mainc);
    height: 108px; /* var(--body-nh) */
    overflow: hidden;
    line-height: 1.18rem;
}

.news-right .news-text p {
    margin-bottom: 1em;
}

.news-right .news-text.extended {
    height: auto;
}

.news-right .news-foot {
    width: auto;
    text-align: center;
}

.news-right .news-foot a {
    color: var(--body-ngt);
}

.news-right .news-foot a .group {
    display: inline-block;
    /*min-height: 57px;*/
    min-width: 80px;
    width: auto;
    height: auto;
    background: var(--body-ng);
    text-align: center;
    margin: 0 5px 0 0;
    padding: 5px;
    border-radius: 2px;
    transition: .4s;
}

.news-right .news-foot a .group p {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 80%;
}

.news-right .news-foot a .group .number {
    font-size: .9rem;
    font-weight: bold;
    color: var(--mainc);
}

.news-right .news-foot a .group:hover {
    background: var(--body-nghb);
}
.news-right .news-foot a .group:hover p {
    color: var(--body-nghc);
}

.news-category {
    padding: 4px;
    background: var(--body-backs);
    margin: 0.2em 0.5em 0 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/* Body */

.modal-header {
    border: none;
}
.modal-header .close {
    color: var(--modal-close);
}

.modal-content {
    background: var(--body-tb1);
    border: 1px solid rgba(58, 58, 58, 0.65);
    -webkit-box-shadow: 0 20px 40px rgba(255, 129, 0, 0.16);
    -moz-box-shadow: 0 20px 40px rgba(255, 129, 0, 0.16);
    box-shadow: 0 20px 40px rgba(255, 129, 0, 0.16);
}

.card {
    background:var(--body-backs);
    margin-bottom: .625rem;
}

.card:last-child:not(.card-q):not(.card-qa) {
    margin-bottom: 3rem;
}

.card-header {
    position: relative;
    z-index: 1;
    background-color: var(--body-ph);
    color: var(--mainc);
    font-family: Raleway, sans-serif;
    font-weight: 400;
}

.sideh span {
    background-color: var(--body-ph);
    padding-right: 7px;
}

.sideh:after {
    content: "";
    position: absolute;
    display: block;
    top: 25px;
    right: 1px;
    left: 30px;
    height: 0.5px;
    background-color: rgba(101, 101, 101, 0.30);
    z-index: -1;
}

.card-body {
    padding: .5rem;
}

.sectname {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 2px;
    font-family: Raleway, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    color: var(--mainc);
}

.sectname:after,.sectname:before {
    content: "";
    display: block;
    -webkit-box-flex: 100;
    -ms-flex: 100;
    flex: 100;
    border-bottom: 2px solid #656565;
    -webkit-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    transform: translateY(-55%);
}

.sectname:before {
    -webkit-box-flex: 20px;
    -ms-flex: 20px;
    flex: 20px;
    width: 20px;
    min-width: 20px;
    margin-right: 20px;
}

.sigroup {
    min-height: 115px;
    background: var(--body-backs);
    border-left: 2px solid #d47b00;
    border-radius: .25rem;
    margin-bottom: 1.5rem;
}

.sigroup .icon {
    font-size: 45px;
    line-height: 115px;
    background: var(--body-bi);
    color: var(--body-dqb-c);
}

.sigroup .content {
    padding: 10px;
}

.sigroup .content .tc {
    width: 46%;
    text-align: right;
}

.sigroup .content:first-of-type {
    line-height: 0;
}

.sigroup .content .socials a,
.sigroup .content.text-center > a.sp {
    color: var(--body-mainc);
}

.sigroup .content .socials a:hover,
.sigroup .content.text-center > a:hover:not(:last-child) {
    color: #ffb226;
}

.sigroup .content i {
    font-size: 1rem;
}

.sigroup .content .socials i {
    font-size: 1.5rem;
    margin-right: 5px;
}

.sigroup .content .socials a:last-child {
    font-size: 1.5rem;
    font-weight: bold;
}

.sigroup .content .socials a:last-child i {
    font-size: .6rem;
    margin-right: 0;
}

.sectname:after {
    margin-left: 20px;
}

#mainbody {
    padding-top: .9375rem;
}

ol, ul {
    list-style: none outside none;
}

#footer {
    width: 100%;
    height: auto;
    background: var(--body-foot);
    border-top: var(--body-foot-b) solid var(--mainc);
    padding: 15px 0;
    font-size: 13px;
}

.breadcrumb {
    border: 1px solid rgb(221, 221, 221);
}

.breadcrumb > li {
    text-shadow: 0 1px 0 var(--body-mainc);
    padding: 0 20px;
    position: relative;
    white-space: nowrap;
    display: inline-block;
}

.breadcrumb > li + li:before {
    content: "";
    padding: 0;
}

.breadcrumb > li:after {
    content: "";
    visibility: visible;
    display: block;
    position: absolute;
    top: -3px;
    right: -5px;
    width: 25px;
    height: 25px;
    border-right: 1px solid rgb(221, 221, 221);
    border-bottom: 1px solid rgb(221, 221, 221);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#greycontent {
    background: -moz-linear-gradient(top, rgba(237, 237, 237, 0) 0%, rgba(237, 237, 237, 0) 1%, rgba(228, 228, 228, 1) 69%, rgba(224, 224, 224, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(237, 237, 237, 0)), color-stop(1%, rgba(237, 237, 237, 0)), color-stop(69%, rgba(228, 228, 228, 1)), color-stop(100%, rgba(224, 224, 224, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(237, 237, 237, 0) 0%, rgba(237, 237, 237, 0) 1%, rgba(228, 228, 228, 1) 69%, rgba(224, 224, 224, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(237, 237, 237, 0) 0%, rgba(237, 237, 237, 0) 1%, rgba(228, 228, 228, 1) 69%, rgba(224, 224, 224, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(237, 237, 237, 0) 0%, rgba(237, 237, 237, 0) 1%, rgba(228, 228, 228, 1) 69%, rgba(224, 224, 224, 1) 100%); /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(237, 237, 237, 0)), color-stop(1%, rgba(237, 237, 237, 0)), color-stop(69%, rgba(228, 228, 228, 1)), to(rgba(224, 224, 224, 1)));
    background: linear-gradient(to bottom, rgba(237, 237, 237, 0) 0%, rgba(237, 237, 237, 0) 1%, rgba(228, 228, 228, 1) 69%, rgba(224, 224, 224, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ededed', endColorstr='#e0e0e0', GradientType=0); /* IE6-9 */
    padding: 30px 40px;
    width: 100%;
}

.accordion > .card > .card-header {
	color: var(--body-mainc);
	transition: color .15s ease-in-out,background-color .15s ease-in-out;
}

.accordion > .card > .card-header:not(.collapsed) {
	background-color: rgba(255, 153, 0, 9%) !important;
	color: var(--mainc);
}

.accordion > .card > .card-header {
	position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.accordion > .card > .card-header:not(.collapsed)::after {
	transform: rotate(-180deg);
}

.accordion > .card > .card-header::after {
	font-family: "Font Awesome 5 Free";
    text-align: center;
    font-style: normal;
    font-weight: 900;
    content: "\f078";
	flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

.accordion > .card {
	border-color: var(--fq-br);
	border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

/*IE Fixes*/
* html #main-bg {
    height: 1%;
    width: auto;
}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

/* Hide from IE Mac */
.clearfix {
    display: block;
}

/* End hide from IE Mac */
.floatfix {
    overflow: hidden;
}

* html .floatfix {
    width: 100%;
}

.center, *[align="center"] {
    margin: 0 auto;
}

* html body {
    background: #338bc9 none;
}

/* Helpers */
.wbreak-all {
    word-break: break-all;
}

.alcenter {
    text-align: center;
}

.alleft {
    text-align: right;
}

.alright {
    text-align: right;
}

.flleft {
    float: left !important;
}

.flright {
    float: right !important;
}

.clear {
    clear: both;
}

.text-prim {
    color: var(--mainc);
}

.text-inherit {
    color: inherit !important;
}

.text-initial {
	color: initial !important;
}

.text-warning {
    color: #efb300!important;
}

.bg-drpbg {
    background-color: var(--drpdwn-bc);
}

.bg-primlight {
    background-color: rgba(255, 153, 0, 0.09);
}

.notif-lh {
    line-height: 1rem;
}

hr {
    border-top: 1px solid var(--body-hr);
    border-bottom: 1px solid var(--body-hr);
    height: 0;
    margin: 6px 0;
}

.forum-check {
    display: inline-block;
    vertical-align: super;
}

hr.side-hr {
    margin: 2px 0 8px 0;
}

.polltext {
    font-size: 90%;
    font-weight: bold;
}
div.polltext {
    display: inline-block;
    width: 77%;
}

.pollhelp {
    float: right;
    margin-top: 3px;
}

div.fr {
    margin-bottom: .25rem !important;
}
img.fr {
    max-width: 70% !important;
}

.align-super {
    vertical-align: super;
}

iframe {
    max-width: 100%;
    border: none;
    height: auto;
}

div.g-recaptcha iframe {
    height: 78px !important;
}

.badge.badge-lineh {
    line-height: 1.1;
}

.badge-info {
	color: var(--body-bi);
}

.bg-switch, .tmb {
	background-color: var(--top-bc) !important;
}

.w-mc {
    width: max-content;
}

/*Links*/
a {
    color: var(--maina);
    text-decoration: none;
    transition: color .4s;
}

a:hover {
    text-decoration: none;
    color: var(--mainc);
}

a.white, li.white a {
    color: var(--body-mainc);
    text-decoration: none;
    padding: 7px 5px 8px 5px;
}

a:hover.white, li.white a:hover {
    color: var(--body-mainc);
    text-decoration: none;
    background-color: #6d86b7;
}

.required {
    color: rgb(169, 68, 66);
}

#container {
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
}

#header {
    padding: 0px;
    width: 100%;
    margin: 0 auto;
}

#mainheader {
    padding: 0;
    position: relative;
}

#searchform #stext {
    border: none;
    width: 150px;
    font-style: italic;
}

* html #main-bg, * html #cont {
    height: 1%;
    width: auto;
    background: transparent;
}

.img-bbcode-limit {
    max-height: 300px;
}

/* Navigation Panel */

.navav div {
    margin-top: -5px;
    height: auto;
}

.navav div svg, .navav img {
    width: 20px !important;
    height: 20px;
    border-radius: 50%;
    font-size: 0.9375rem;
}

.badge-primary {
    color: var(--body-bi);
    background-color: #ff7600;
}

.rounded-svg svg, .rounded-circle img {
    border-radius: 50%;
}

/* Misc Styles */
.switcherbutton {
    height: 11px;
    width: 11px;
    margin: 6px 0;
}

.panelbutton {
    cursor: pointer;
}

.cursor-help {
    cursor: help;
}

/* Page Navigation */

.pagination { margin: 0; }

.page-link {
    margin-left: 0;
    border: var(--pagen-br);
    background-color: var(--body-tb1);
    color: #d47b00;
    transition: background-color .4s;
}
.page-link:hover {
    border-color: var(--pagen-hbr);
    background-color: var(--pagen-hbc);
    color: var(--pagen-hc);
}
.page-item.disabled .page-link {
    color: var(--body-dqb-c);
    background-color: var(--body-tb1);
    border-color: var(--ic);
}
.page-item.active .page-link {
    color: var(--body-mainc);
    font-weight: bold;
    background-color: var(--pagen-abc);
    border-color: var(--pagen-abr);
}
.page-link:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

blockquote {
    font-size: inherit !important;
}

.admin-message,
.nocomments-message {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: var(--ams-bc);
    border: 1px solid rgba(0,0,0,.125);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.noscript-message.admin-message {
    background-image: url(images/alert.png);
}

.alert-danger {
    color: var(--alert-dc);
    background-color: var(--alert-dbc);
    border-color: var(--alert-dbc);
}
.alert-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}
.alert-dismissible .close {
    outline: none;
    padding: 0.4rem 1.25rem;
}

.alert-announcement {
    color: var(--body-mainc);
    background-color: var(--body-backs);
    border-color: #d47b00;
}

.alert-announcement .alert-heading {
    color: var(--mainc);
}

.alert-announcement p img {
    vertical-align: bottom;
}

.panels-list {
    border: 1px solid #ddd;
}

.panels-list li {
    margin: 0
}

code, pre {
    color: inherit;
    font-family: monospace;
    font-size: 1em;
}

.poll {
    height: 16px;
    background: url(images/btn.png) repeat-x top #178EEA;
}

.pollbar {
    border: 1px solid #aaa;
}

.progress {
    background-color: var(--progress);
}
.progress-bar {
    overflow: initial;
    background-color: #1f7233;
}

/* ShoutBox styles */

/* .shbx { /*overflow: auto; } */
.shbx .shbgr { display:flow-root; margin-bottom: 10px;/*overflow-x:hidden;*/}
.shbx .shbgr .shav {margin-right:4px;}
.shbx .shbgr .shav img,  #shbx .shbgr .shav svg {width: 32px;height: 32px;}
.shbx .shbgr .main {float: left;position: relative;display: contents;margin-top: 6px;padding-left: 3px;}
.shbx .shbgr .main .username span.small { color: var(--body-dqb-c); }
.shbx .shbgr .main .username .dropdown-menu { overflow: inherit; }
.shbx .shbgr .main .message {font-size:11px;color:var(--body-mainc);display:flow-root;margin-left:36px;}
.shbx .shbgr .main .message.men {padding: 3px;color: #f1f1f1;background-color: rgba(111, 39, 39, 0.68);border-radius: 5px;}
.shbx .shbgr .main .message.men span { color:#ff8556; }
.btn-shb { flex: auto; text-align: right; }

/* End of Shoutbox */

.small2, .side-small, small {
    font-size: 11px;
}

.xx-small {
    font-size: xx-small !important;
}

.notifsz {
    font-size: 1rem;
}

.tbl-border, .code_bbcode {
    background: transparent;
    border: transparent;
    border-spacing: 0;
}

.code_bbcode {
    border: 1px solid rgba(58, 58, 58, 0.65);
}

.tbl-border.forum_idx_table {
    border: 0px solid var(--body-mainc);
}

.tbl-border.center {
    border: transparent;
}

.forum_table i, .previ {
    color: #aaacaf;
    font-size: 1.5rem;
}
.prevh {
    width: 2.8rem;
    text-align: center;
}

.forum_table i {
    font-size: 1rem;
}

.tbl-border.forum_table {
    border: none;
    border-spacing: 0;
} 

.tbl-border.forum_thread_table {
    border: 0px solid #ddd;
}

.forum_thread_title strong, .forum_cat_name {
    font-size: 18px;
    font-weight: normal !important;
    text-shadow: 1px 1px 0 var(--body-bi);
}

.forum_cat_name h3, .forum_name h3 {
    font-size: 1rem;
}

.forum_cat_name br {
    display: none;
}

.icon-new img, .icon-newp {
    filter: invert(57%) sepia(99%) saturate(1991%) hue-rotate(5deg) brightness(99%) contrast(99%);
}

.catbody {
    opacity: 1;
    visibility: visible;
    transition-duration: 200ms, 200ms, 0;
    transition-property: opacity, top, visibility;
    transition-delay: 0, 0, 200ms;
}

.threads-count, .posts-count {
    font-size:12px;
}

.threads-count dt, .posts-count dt {
    color: inherit;
}

.odd { background-color: var(--body-tb1) !important; }
.even { background: var(--body-tb2) !important; }
.table { color: var(--body-mainc); }
.table thead { background-color: var(--table-the); }
.table thead th, .table thead td { border-bottom: 2px solid var(--table-th) !important; border-top: 1px solid var(--table-th) !important; }
.table .scapmain { color: var(--fcap-c); }
.pcat { background-color: var(--body-tb1); }

.tbl1, .tbl2, .tbl.profile_user_avatar, .bbcode {
    background-color: var(--body-tb1);
    padding: 8px;
}

.tbl {
    padding: 0 3px;
}

.profile_category_name {
    background-color: var(--profcat) !important;
}

.bbcode {
    padding: 3px !important;
    margin: 0 !important;
}

.bbcode.prevw {
    background-color: rgba(15, 15, 15, 0.078);
    filter: invert(68%) sepia(31%) saturate(0%) hue-rotate(252deg) brightness(85%) contrast(84%);
    width: 24px;
    height: 24px;
}

.tbl2 {
    background: var(--body-tb2);
}

/* Forum Styles */

.forum_thread_post_space {
    border: 0;
    padding: 0;
    background: var(--body-fi);
}

.forum_thread_user_name, .forum_thread_ip {
    width: 140px;
    max-width: 10rem;
}

.forum_thread_user_name, .forum_thread_post_date {
    background-color: var(--body-fi);
}

.forum_thread_post_date {
    padding: 8px 6px 6px 6px;
}

.forum_thread_post_date a {
    font-size: 14px;
    font-weight: bold;
}

.forum_thread_user_info, .forum_thread_ip, .forum_thread_userbar{
    background: inherit;
}

.forum_thread_user_info > img {
    max-width: 100px;
    max-height: 100px;
    border-radius: 3px;
}

.forum_thread_user_post, .forum_thread_name {
    max-width: 100%;
    word-break: break-word;
}

.forum_thread_user_post {
    background-color: var(--body-fm);
}

.post-edited {
    background: url(images/comment_edit.png) no-repeat 6px 10px #FFEBC8;
    border: 1px solid #ECC272;
    color: #AC6328;
    margin-top: 15px;
    padding: 8px 8px 8px 28px;
    text-shadow: 0 1px 0 var(--body-mainc);
}

.forum_thread_user_name a.profile-link {
    padding-left: 20px;
    background: url(images/news-info.png) no-repeat 2px 2px;
    font-weight: bold;
    font-size: 14px;
    color: #006aa1;
}

.forum {
    padding-left: 15px !important;
    padding-bottom: 15px !important;
    font-size:12px;
}

.forum[align="right"] {
    padding-right: 15px !important;
}

.emulated-fieldset {
    margin-top: 5px;
}

.emulated-legend {
    margin-left: 8px;
    padding: 4px 4px 4px 18px;
    border: 1px solid rgba(58, 58, 58, 0.65);
    background: var(--body-dqb) url(images/attachement.png) no-repeat 2px center;
    color: transparent;
    font-size: 11px;
}

.attachments-list {
    border: 1px solid rgba(58, 58, 58, 0.65);
    padding: 13px 6px 6px;
    margin-top: -7px;
    -webkit-box-shadow: 0 0px 10px rgba(255, 129, 0, 0.1);
    box-shadow: 0 0px 10px rgba(255, 129, 0, 0.1);
}

.bbcode-popup {
    border: var(--drpdwn-br) !important;
    z-index: 1001;
    padding-bottom: 10px;
}

.bbcode-popup img {
    cursor: pointer;
    opacity: 0.6
}

.bbcode-popup img:hover {
    opacity: 1
}

.comment-info {
    padding: 3px;
}

.comment-msg {
    padding: 10px;
    color: var(--body-mainc);
}

.comment_wrap {
    padding: 4px;
    min-height: 80px;
    margin-left: 95px;
    margin-bottom: 20px;
    background-color: var(--body-backs);
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.comment_wrap .actions {
    display: none;
}

.comment_wrap:hover .actions {
    display: block;
}

.comment_wrap.noavatar {
    margin-left: 0;
}

.user_avatar {
    width: 85px;
    height: 85px;
    padding: 5px;
    background: var(--body-mainc);
    border: 1px solid #cecece;
    position: absolute;
    left: 0px;
    top: 0px;
}

.comment_wrap, .user_avatar {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 0 var(--body-mainc);
    box-shadow: 1px 1px 0 var(--body-mainc);
}

.comment {
    position: relative;
    /*padding-bottom: 10px;*/
}

.forum-caption {
    color: var(--body-mainc);
    background: var(--body-bi);
    font-weight: bold;
    margin-top: 4px;
    border: 0;
    padding: 8px;
}

.forum_breadcrumbs {
    position: relative;
    font-style: italic;
    padding-left: 2rem;
}

.forum_breadcrumbs:before {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-size: 1.2rem;
    content: "\f061";
    position: absolute;
    top: 4px;
    left: 10px;
}

.forum-caption a {
    color: var(--fcap-c);
    text-shadow: -1px -1px 0px var(--body-bi);
}

.forum-caption a:hover {
    color: var(--body-mainc);
}

.forum-lastpost {
    overflow-x: auto;
}

.lastpost-avatar img {
    border-radius: 50%;
    max-height: 40px;
}

.lastpost-main {
    max-width: 9rem;
}
.lastpost-nick {
    max-width: 5rem;
}
.lastpostf-nick {
    max-width: 4.4rem;
}

.forum-img {
    /*max-width: 100%;*/
    max-width: 320px;
    height: auto;
}

.quote {
    max-width: 100%;
    background: transparent;
    padding: 0 0 2px 18px;
    border: 1px solid rgba(58, 58, 58, 0.65);
}

.card-q, .card-qa {
    margin: .25rem 0 0 0;
    border-left-width: 4px !important;
}

.card-q {
    border: var(--drpdwn-br);
}

.card-qa {
    border-color: var(--alert-dbc);
    border-left-width: 4px;
}

.blockquote-footer {
    font-size: 90%;
}

.card-qa > blockquote > .blockquote-footer {
    color: var(--alert-dbc);
}

.tborder {
    border: 1px solid var(--table-th);
    border-radius: .1rem;
    padding: 5px;
}

/* End of Forum Styles */ 

.section h4 {
    color: var(--body-mainc);
    font-size: 14px;
    margin: 0;
}

.section li, .section ul {
    margin: 10px 20px 0 0;
    line-height: 26px;
    list-style-type: none;
}

.section li {
    margin: 4px 0;
    border-bottom: 1px dotted #555;
}

#top-link {
    display: block;
    height: 29px;
    width: 29px;
    background: url(images/arrow.png) no-repeat center top;
}

#top-link:hover {
    background-position: center bottom;
}

.scroll-top {
    width: 29px;
    margin-top: -12px;
}

/* Inputs, Forms, Buttons, Table styles */

input[type=password] {
    font-family: Tahoma, sans-serif; /* IE */
    padding: 6px 2px 6px 6px;
}

input[type=submit], input[type=button] {
    display: inline-block;
    font-weight: 400;
    color: var(--body-mainc);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .25rem .5rem;
    font-size: inherit;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background-color: #0069d9;
    border-color: #0062cc;
}

input[type="image"].bbcode:active {
    background: none;
    -webkit-box-shadow: inset 0 0 4px #5f5f5f;
    box-shadow: inset 0 0 4px #5f5f5f;
}

input[type="image"].bbcode:active {
    background: none;
    -webkit-box-shadow: inset 0 0 4px #5f5f5f;
    box-shadow: inset 0 0 4px #5f5f5f;
}

input[disabled], select[disabled] {
    opacity: 0.7;
    cursor: not-allowed;
}

input[type=text], input[type=password], textarea {
    border: solid 1px #CCC;
    padding: 5px 5px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

input::-moz-focus-inner {
    border: 0;
    padding: 0
}

select.custom-select, .textbox, input.form-control, .select2-container-multi .select2-choices {
    border: none !important;
    font-size: 12px !important;
    color: var(--body-mainc) !important;
    background-color: var(--ic) !important;
}

.input-searchbar {
    margin-top: 5px !important;
    border: 0px !important;
}

#sinput {
    padding: 5px 0;
    border: 0;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
}

.textbox, input.form-control, .select2-container-multi .select2-choices {
    border: none !important;
    padding: 5px 8px !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.textbox:focus, .form-control-sm:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #111;
    background-color: var(--ic);
}

.select2-container-multi .select2-choices,
.select2-search input.select2-active,
.select2-results .select2-no-results,
.select2-drop, #s2id_autogen1, .select2-results .select2-no-results,
.select2-results .select2-searching, .select2-results .select2-selection-limit {
    background-image: none !important;
    background: var(--ic) !important;
    background-color: var(--ic) !important;
}

.select2-drop {
    border-color: rgba(58, 58, 58, 0.65) !important;
    color: var(--body-mainc) !important;
}

.select2-search-choice div {
    color: var(--body-mainc);
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active,
.select2-container-multi .select2-choices .select2-search-choice {
    background: var(--ic) !important;
}

select {
    margin: 0;
    padding: 0 0 0 0;
    font-size: 12px !important;
    vertical-align: middle !important;
    max-width: 100%;
}

select:focus, textarea:focus, input[type=password]:focus, input[type=text]:focus {
    border: 1px solid #147CBB;
    outline: none !important;
}

.btn-primary, .btn-danger, .btn-success {
    font-size: inherit;
}

.btn-primary, input[type=submit], input[type=button],
.btn-primary.disabled, .btn-primary:disabled {
    background-color: #E48632;
    border-color: #E48632;
    color: #ffffff;
    outline: none;
}

.btn-forum {
    background-color: #3a3a3a;
    border-color: #3a3a3a;
}
.btn-forum:hover {
    background-color: #e2e2e2 !important;
    border-color: #e2e2e2 !important;
    color: #2b2b2b !important;    
}

.btn-primary:hover,
.btn-primary.focus, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle, 
input[type=submit]:active, input[type=submit]:hover,
input[type=button]:active, input[type=button]:hover {
    background-color: var(--body-mainc);
    border-color: var(--body-mainc);
    color: var(--btn-hvc);
}

.btn-primary.focus, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle,
input[type=submit]:active, input[type=button]:active {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 148, 38, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(255, 148, 38, 0.5);
}

a.btn-sm {
    padding: .375rem .75rem;
}

.dropdown-menu {
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -ms-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
    transform: translateY(20px);
    display: none;
    -webkit-box-shadow: 0 20px 40px rgba(255, 129, 0, 0.1);
    box-shadow: 0 0 11px rgba(255, 129, 0, 0.1);
    border: var(--drpdwn-br);
    visibility: hidden;
    opacity: 0;
    background-color: var(--drpdwn-bc);
}

.dropdown-menu.show {
    transform: translateY(0px);
    display: block;
    visibility: visible;
    opacity: 1;
    overflow: hidden;
    max-height: 339px;
}

.comment-info .dropdown-menu.show {
    overflow: visible;
}

.dropdown-notific {
    min-width: 290px;
    max-height: unset !important;
}

.dropdown-header {
    background: var(--body-ph);
    color: var(--body-mainc);
}

.dropdown-item {
    color: var(--body-mainc);
    font-size: .875rem;
}

.dropdown-wspace {
    white-space: inherit;
}

.dropdown-icon {
    font-size: 2.15rem;
    text-align: center;
}

.dropdown-divider {
    border-color: var(--drpdwn-div);
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus,
.dropdown-item:focus, .dropdown-item:hover {
    color: var(--btn-hvc);
    background-color: var(--drpdwn-hbc);
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #e4861f;
}

.form-group.row {
    display: flex;
    width: inherit;
}

.button.negative:focus,
.button.negative:hover {
    color: var(--body-mainc);
    background-color: #D84743;
    border-color: #bc002c;
}

.button.negative:active,
.button.negative.active {
    -webkit-box-shadow: inset 0 1px 1px #555;
    box-shadow: inset 0 1px 1px #555;
    background-color: #A5211E;
    border-color: #bc002c;
}

#site-links, #site-links li {
    margin: 0;
}

table {
    width: 100%;
}

table[width="100%"][cellspacing="0"] tbody tr td {
    padding-left: 5px;
    padding-right: 5px;
}

table[width="100%"].forum_idx_table tbody tr td {
    padding: 8px;
}

table.edit-profile tbody tr td.tbl {
    padding: 4px 0 4px 1.25rem;
}

.table td, .table th {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

dt { font-family: Raleway, sans-serif; font-weight: 400; color: var(--prof-cat); }
dt a { color: var(--prof-cat); }

dt, dd {
    display: flex;
    align-items: center;
}

hr.sectlane {
    width: 100%;
    height: 2px;
    background: var(--mainc);
    margin: 13px 0;
    border: none;
}

.input-group-text {
    background-color: var(--ic);
    border: none;
}

.custom-control-label {
    line-height: 1.8;
    vertical-align: text-top;
}

.custom-control-label::before {
    background-color: rgb(153 153 153 / 60%);
    border: none;
}

.custom-control-input:checked~.custom-control-label::before,
.custom-control-input:not(:disabled):active~.custom-control-label::before {
    background-color: var(--mainc);
}

.custom-control-input:focus ~ .custom-control-label::before {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.custom-control-input[disabled]~.custom-control-label::before {
    background-color: #616161;
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(255, 153, 0, 0.5);
}

.custom-file-label.textbox {
    padding: .375rem .75rem !important;
}

.custom-file-label::after {
    height: auto;
    color: var(--main-c);
    background-color: transparent;
    content: attr(data-text) " ";
}

body.mceDefBody {
    background: var(--body-backs) !important;
}

p img {
    max-width: 100%;
    height: auto;
}

.custom-range::-webkit-slider-runnable-track {
    background: #999999;
}

.custom-range::-webkit-slider-runnable-track:focus {
    background: red;
}

.custom-range::-webkit-slider-thumb {
    background: var(--body-mainc);
}

.custom-range::-moz-range-thumb {
    background: var(--body-mainc);
}

.custom-range::-ms-fill-lower {
    background: transparent;
}

.tooltip-inner {
    z-index: 1;
    box-shadow: 0 20px 40px rgba(255, 129, 0, 0.1);
    -webkit-box-shadow: 0 20px 40px rgba(255, 129, 0, 0.1);
    min-width: 200px !important;
    border: var(--drpdwn-br);
    border-radius: .25rem;
    background: var(--drpdwn-bc);
    padding: 8px;
    text-align: left;
    color: inherit;
    font-size: inherit;
}

.tooltip.show {
    opacity: 1;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    border-bottom-color: rgba(58, 58, 58, .6);
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    border-top-color: rgba(58, 58, 58, .6);
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    border-left-color: rgba(58, 58, 58, .6);
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    border-right-color: rgba(58, 58, 58, .6);
}

.navdots {
    cursor: pointer;
}

.dotsnum {
    height: 32px;
    width: 50px;
    outline: none;
    border-radius: 0;
}

.chcountr {
    pointer-events: none;
    font-weight: bold;
    position: absolute;
    right: 28px;
    margin-top: -25px;
}

.font-h7 {
	font-size: .9rem;
}

/* End of Input styles */

.text-danger-f a {
    font-weight: 700 !important;
    color: #dc3545!important;
}

.text-danger-f a:hover {
    color: #a71d2a!important;
}

.profile-link, .text-grey {
    color: var(--body-dqb-c) !important;
}

.profile-link:focus, .profile-link:hover, .text-grey:focus, .text-grey:hover {
    color: #777 !important;
}

.text-dark, .lastpost-date {
    color: var(--body-dqb-c) !important;
}

.border-secondary {
    border-color: var(--body-bbttom) !important;
}

.fa-mars, .fa-venus, .fa-transgender-alt { font-size: 1.1rem; }
.fa-mars { color: #7777ff; }
.fa-venus { color: #ff69b4; }
.fa-transgender-alt { color: #8c55ff; }

/* Videogallery */

.videodata {
    font-size: 1rem;
}

.videothumb {
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 150px;
    opacity: var(--vos);
    transition: opacity .4s;
}

.videothumb:hover {
    opacity: var(--voe);
}

.videothumb .badge {
    text-transform: uppercase;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.videothumb.gimage.zoom {
    background-size: contain;
}

.gimage {
    opacity: 1;
}

/* Tops */

.nav-tabs {
    border-bottom-color: var(--tab-br);
}

.nav-tabs .nav-link, .nav-tabs .nav-link.active {
    color: var(--tab-c);
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: var(--tab-hbr);
    color: var(--tab-hc);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: var(--tab-abc);
    border-color: var(--tab-abr);
    color: var(--tab-ac);
}

.tmb {
    margin-bottom: 5px;
    padding: 0;
}

.tpr {
    border-right: 3px solid var(--body-backs);
}

#tops {
    padding: 8px;
}

#tops .pos {
    text-align: center;
    font-size: 2rem;
    text-shadow: 1px 1px #000000;
    font-family: Raleway, sans-serif;
}

#tops div.rounded-circle {
    height: 48px;
}

#tops .skin, .gameskin {
    background-repeat: no-repeat;
    background-position: top;
    background-size: 210%;
    padding: 26px 0 40px 0;
    border-radius: 50%;
}

#tops .skin.fivem, .gameskin.fivem {
    background-size: 66%;
}

.gameskin {
    background-size: 500%;
    padding: 116px 0 40px 0;
    border-radius: 0;
}

#tops .skin.quest, .gameskin.quest {
    background-size:27%;
    filter: var(--top-qs);
}

#tops .nick {
    font-weight: bold;
}

#tops .stat {
    font-size: .7rem;
}

/* Online users */

#online {
    position: relative;
}

#online .info {
    z-index: 1;
    display: none;
    position: absolute;
    top: 1rem;
    left: -1rem;
    min-width:200px;
    margin-top: 5px;
    padding: 8px;
    background: var(--drpdwn-bc);
    border: var(--drpdwn-br);
    border-radius: .25rem;
    box-shadow: 0 20px 40px rgba(255, 129, 0, 0.1);
    -webkit-box-shadow: 0 20px 40px rgba(255, 129, 0, 0.1);
}

.info .nick {
    font-size: 1rem;
    font-weight: bold;
}

.info .nick .small {
    font-size: 70%;
}

.info .time {
    font-size: 90%;
}

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

/*slider switch css */
.theme-switch-wrapper {
    display: flex;
    align-items: center;
}
.theme-switch {
    display: inline-block;
    position: relative;
    width: 45px;
    height: 25px;
}

.theme-switch input {
    display:none;
}

.slider {
    background-color: #454545;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s;
}

.slider:before {
    position: absolute;
    width: 19px;
    height: 19px;
    left: 4px;
    bottom: 3px;
    background-color: var(--ic);
    font-family: "Font Awesome 5 Free";
    text-align: center;
    font-style: normal;
    font-weight: 900;
    font-size: 13px;
    color: var(--body-mainc);
    content: "\f186";
    transition: .4s;
}

input:checked + .slider {
    background-color: #a2a2a2;
}

input:checked + .slider:before {
    transform: translateX(18px);
    content: "\f185";
}

.slider.round {
    border-radius: 25px;
}

.slider.round:before {
    border-radius: 50%;
}

#rcontainer {
    position: relative;
    text-align: left;
}

.reactph {
    display: none;
} 

.reacti:hover .reactph {
    display: block;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 20px;
    background: var(--drpdwn-bc);
    border: var(--drpdwn-br);
    border-radius: .25rem;
    padding: 4px;
    font-size: 0.6rem;
    color: var(--body-mainc);
}

/* Emoji picker */

.pickeri {
    fill: var(--body-dqb-c);
}

ul.category {
    background: var(--body-tb2) !important;
}

ul.category a.act {
    background: var(--drpdwn-hbc);
}

ul.category a svg {
    fill: var(--body-mainc);
}

ul.category a.act svg {
    fill: var(--btn-hvc);
}

div.pickbody {
    z-index: 9999 !important;
    border: var(--drpdwn-br) !important;
    width: auto !important;
    max-width: 100vh !important;
    max-height: 28vh !important;
    overflow: auto !important;
    background: var(--body-tb1) !important;
}

ul.faces, ul.animals, ul.food, ul.sport, ul.transport, ul.objects {
    margin: 0 !important;
}

#previewed {
    position: relative;
    margin: 0 auto;
    cursor: pointer;
    width: 400px;
    height: 80px;
    overflow: hidden;
    color: #FFFFFF;
}

.american {font-family: 'AmericanCaptain';}
.bebreg  {font-family: 'BebasRegular';}
.bebbol  {font-family: 'BebasNeue';}
.playbol {font-family: 'PlayBold';}

#money {font-size: 17pt;}
#level {font-size: 14pt;}
#played {font-size: 12pt;}
#hours {font-size: 7pt;}

.sr {
	/* polygon(0% 0%, 100% 0%, 0 7%, 0% 7%, 100% 0, 97% 100%, 100% 100%, 3% 100%) */
    background: #000;
    clip-path: polygon(-3% -100%, 100% 0%, 0% 7%, 0% 7%, 100% 0%, 97% 101%, 100% 101%, 3% 100%);
}

.d {
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    text-align: center;
    font-family: 'Raleway';
    font-size: 2.3rem;
}

.d.s {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 6% 100%);
    background-image: url(https://i.imgur.com/L2mLA7W.png), linear-gradient(315deg, #000000, #ff4c0099);
    background-position-x: 10%;
    color: #ff7e48;
}

.d.f {
    clip-path: polygon(0 0, 100% 0, 94% 100%, 0 100%);
    background-image: url(https://img.icons8.com/color/452/fivem.png), linear-gradient(45deg, #000000, #ff6f005e);
    background-position-x: 90%;
    color: #ffab74;
}

.s::after {
    content: 'SA:MP';
}
.f::after {
    content: 'FIVEM';
}

.d:hover, .df {
    cursor: pointer;
}

.d::before {
    content: "";
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    transition: backdrop-filter 0.2s;
    -webkit-backdrop-filter: blur(1px) grayscale(0.6);
    backdrop-filter: blur(1px) grayscale(0.6);
    pointer-events: none;
}

.d:hover::before, .d.fc::before {
    -webkit-backdrop-filter: blur(0) grayscale(0);
    backdrop-filter: blur(0) grayscale(0);
}

@supports (-moz-appearance:none) {
    .d {
        transition: filter 0.2s;
        filter: blur(1px) grayscale(0.6);
    }

    .d:hover, .d.fc {
        filter: blur(0) grayscale(0);
    }
}

/* Bootstrap responsive */

.flex-auto { flex: auto; }

@media (min-width: 1366px) {
    :not(p) > iframe:not([sandbox]), .gimage {
        width: 100%;
        height: 500px !important;
    }
    .avatar {
        max-width: 150px;
        max-height: 150px;
    }
}

@media (max-width: 1300px) {
    table {
        width: 100%;
        overflow-x: auto;
    }
    .lastpost-avatar {
        display: none;
    }
}

@media (max-width: 1200px) {
    .gameskin {
        background-size: 100%;
    }
    .gameskin.quest {
        background-size: 11%;
    }
    dt, dd {
        display: initial;
        text-align: center;
    }
}

@media (max-width: 992px) {
    .gameskin.fivem {
        background-size: 31%;
    }
}

@media (min-width: 992px) {
    .forum_thread_user_info > img {
        max-width: 150px;
        max-height: 150px;
    }
    .dropdown-menu {
        display: block;
        box-shadow: 0 20px 40px rgba(255, 129, 0, 0.1);
    }
    .username div.font-weight-bold {
        max-width: 4.4rem;
        color: var(--body-dqb-c);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: bottom;
    }
}

@media (min-width: 768px) {
    .carousel {
        transition: margin 0.2s;
    }
    .carousel-img {
        height: auto;
        max-height: 400px;
    }
}

@media (max-width: 768px) {
    .carousel-item:not(:first-child) .carousel-img { /* :not(:first-child) */
        object-fit: cover;
        object-position: right;
    }
}

@media (max-width: 600px) {
    .navbar-collapse {
        /*max-height: 240px;
        overflow-y: scroll;*/
        max-height: 90vh;
        overflow: auto;
    }
    .content.mh .btn {
        display: none;
    }
    .news-right .news-foot a .group .number {
        font-weight: normal;
    }
    #forummods {
        display: none;
    }
}

@media (min-width: 575px) {
    .wtops {
        min-height: 150px;
    }
}

@media (max-width: 575px) {
    table {
        display: block;
    }
    table.profile, table.profile_category {
        display: table; 
    }
    #tops .skin {
        background-size: 65%;
    }
    #tops .skin.fivem {
        background-size: 29%;
    }
    #tops .skin.quest, .gameskin.quest {
        background-size: 11%;
    }
    .tpr {
        border: none;
    }
    .forum_cat_name {
        width: 50% !important;
    }
    .forum_name h3 {
        font-size: .95rem;
    }
    .forum-stats, .forum_stats {
        display: none;
    }
    .ftbl1 {
        background-color: var(--body-tb1);
    }
    .forum-lastpost, .ftbl2 {
        background: var(--body-tb2);
    }
    .lastpost-main {
        max-width: 6rem;
    }
    .news-left img {
        min-height: 150px;
        max-height: 150px;
    }
    .forum_thread_name {
        word-break: unset;
    }
    .avatar {
        max-width: 85px;
    }
    table.edit-profile tbody tr td.tbl {
        padding-left: 1rem !important;
    }
}

@media (max-width: 441px) {
    .news-right .news-text {
        height: 115px;
    }
}

@media (max-height: 400px) {
    .navbar-collapse {
        max-height: 80vh;
        overflow: auto;
    }
}

@media (max-height: 300px) {
    .navbar-collapse {
        max-height: 75vh;
        overflow: auto;
    }
}