.breadcrumb__active {
    overflow: auto
}

#panel {
    background-color: var(--header-panel-bg-color)
}

#panel>.wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 55px
}

#sidenav {
}

.sidenav__bars {
    display: none
}

.sidenav__menu {
    font-size: 14px;
    font-weight: bold;
    line-height: 55px
}

.sidenav__menu>li {
    margin-right: 15px
}

.sidenav__menu>li:last-child {
    margin-right: 0
}

.sidenav__menu a {
    display: block;
    color: #e3e3e3
}

.sidenav__menu i {
    border-radius: 50%;
    color: var(--theme-secondary-color);
    padding: 5px;
    margin-right: 5px
}

.sidenav__menu a:hover i {
    background-color: var(--theme-primary-color);
    color: #e3e3e3
}

.sidenav__menu>li.sidenav__home {
    margin-right: 10px
}

.sidenav__home i {
    background-color: var(--theme-primary-color);
    color: #e3e3e3;
    border-radius: 3px;
    font-size: 18px;
    vertical-align: middle;
    padding: 10px;
    margin-top: -2px
}

.sidenav__home a:hover i {
    color: var(--theme-secondary-color)
}

.sidenav__extras:hover .fa-plus:before {
    content: "\f068"
}

.sidenav__sub-menu {
    background-color: var(--main-content-bg-color);
    border: 3px solid #2a2a2a;
    border-top: 1px solid var(--theme-secondary-color);
    box-shadow: 0px 0px 1px #000;
    font-style: italic;
    text-align: left;
    min-width: 160px;
    max-width: 220px;
    font-size: 13px;
    font-weight: initial;
    line-height: initial
}

.sidenav__sub-menu>li {
    display: block;
    border-bottom: 1px solid #2a2a2a
}

.sidenav__sub-menu>li:last-child {
    border-bottom: 0
}

.sidenav__sub-menu a {
    padding: 10px 6px
}

.sidenav__sub-menu a:hover,.sidenav__sub-menu a:active {
    background-color: #1c1c1c
}

.sidenav__sub-menu i {
    width: 23px;
    text-align: center;
    padding: 0
}

.sidenav__sub-menu a:hover i {
    background-color: transparent;
    color: var(--theme-secondary-color)
}

.sidenav__sub-menu:after,.sidenav__sub-menu:before {
    border: solid transparent;
    border-bottom-color: var(--theme-secondary-color)
}

.panel__user {
}

.panel__user .fa {
    vertical-align: middle;
    font-size: 14px;
    margin-right: 8px
}

.panel__user .fas {
    vertical-align: middle;
    font-size: 14px;
    margin-right: 8px
}

.panel__user .rf_a {
    vertical-align: middle;
    font-size: 14px;
    margin-right: 0px
}

.panel__user>li {
    margin-right: 15px
}

.panel__user>li:last-child {
    margin-right: 0
}

.panel__user a {
    color: #e3e3e3
}

.panel__user .stylizer i {
    margin-right: 0
}

.panel__user a:hover>i {
    color: var(--theme-secondary-color)
}

.panel__user a.panel__module {
    padding: 6px 10px
}

.panel__user a.panel__module:hover {
    background-color: #f3f3f3;
    color: #383434;
    text-shadow: initial
}

.panel__user a.panel__module:hover>i {
    color: #383434
}

.panel__user a.panel__module--register {
    background-color: #449151;
    border-bottom: 1px solid #64c876
}

.panel__user a.panel__module--register:hover {
    border-bottom: 0
}

.panel__profile {
    display: inline-block
}

.panel__profile i.panel__toggle-arrow {
    margin-left: 5px;
    margin-right: 0
}

.panel__user-avatar {
    vertical-align: middle;
    margin-right: 6px
}

.panel__count {
    display: inline-block;
    vertical-align: middle;
    background-color: var(--theme-primary-color);
    text-align: center;
    min-width: 20px;
    height: 20px;
    line-height: 19px;
    padding: 1px 5px
}

.panel__count--new,.alerts--new {
    background-color: #932a2f
}

.panel__member {
    background-color: var(--main-content-bg-color);
    border: 3px solid #2a2a2a;
    border-top: 0;
    box-shadow: 0px 0px 1px #000;
    clip-path: inset(0 -3px -3px -3px);
    min-width: 170px;
    max-width: 200px;
    margin-top: 12px
}

.panel__user-info {
    font-size: 12px;
    padding: 7px
}

.panel__user-info i {
    font-size: 11px;
    width: 1.25em
}

.panel__user-info>li {
    margin-bottom: 7px
}

.panel__user-info>li:last-child {
    margin-bottom: 0
}

.panel__user-info a {
    display: block;
    background-color: var(--theme-primary-color);
    padding: 3px 8px
}

a.panel__user-reputation {
    background-color: #396a29
}

a.panel__user-reputation--negative {
    background-color: #6a2929
}

.panel__user-tools a {
    display: block;
    padding: 8px 10px
}

.panel__user-tools i {
    color: #999;
    vertical-align: initial;
    width: 18px
}

.panel__user-tools a:hover i,.panel__user-tools a:active i {
    color: var(--theme-secondary-color)
}

#quick-search {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9;
    background-color: #202020;
    box-shadow: 0 0 1px #010101;
    height: 56px;
    line-height: 56px
}

.quick-search__form {
    display: table-cell;
    width: 100%
}

.quick-search__options {
    display: table-cell;
    text-shadow: 1px 1px 1px #000;
    text-align: right;
    white-space: nowrap
}

.quick-search__options>li {
    margin-right: 6px
}

.quick-search__options>li:last-child {
    margin-right: 0
}

.quick-search__options i {
    color: var(--theme-secondary-color);
    margin-right: 3px
}

.quick-search__options a {
    background-color: #151515;
    font-size: 12px;
    padding: 5px 8px
}

.quick-search__options a:hover {
    color:
}

input.quick-search__textbox.textbox {
    border: 1px solid #383838;
    width: 75%
}

input.quick-search__button {
    background-color: var(--theme-primary-color);
    border: 0;
    color: var(--main-link-color);
    width: 10%;
    min-width: 85px;
    padding: 7px;
    transition: padding .15s ease-in-out
}

input.quick-search__button:hover {
    padding: 9px 7px
}

.logo {
    background-color: var(--header-logo-bg-color);
    text-align: center
}

.logo__image {
    padding-top: 25px;
    padding-bottom: 85px
}

.logo__text {
    font-size: 78px;
    text-shadow: 2px 2px 1px #000;
    letter-spacing: -6px;
    padding-top: 15px;
    padding-bottom: 70px
}

.logo a {
    color: var(--main-link-color)
}

.logo span {
    color: var(--theme-secondary-color)
}

#breadcrumb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: content-box;
    background-color: #191919;
    font-size: 12px;
    height: 53px;
    padding: 0 20px;
    overflow: auto;
    margin-top: -53px
}

.breadcrumb__main a {
    color: #999
}

.breadcrumb__main a:hover {
    color: var(--main-link-color)
}

.breadcrumb__sep {
    padding: 0 20px
}

.breadcrumb__main>li.breadcrumb__active {
    color: var(--main-link-color);
    font-size: 14px;
    font-weight: bold
}

.breadcrumb__bit:first-child:before,.breadcrumb__active:first-child:before {
    content: "\f015";
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
    font-weight: 900;
    display: inline-block;
    color: var(--theme-secondary-color);
    margin-right: 8px
}

.breadcrumb__fast-links {
    white-space: nowrap
}

.breadcrumb__fast-links>li {
    margin-right: 10px
}

.breadcrumb__fast-links>li:last-child {
    margin-right: 0
}

.breadcrumb__fast-links a {
    background-color: #323232;
    color: var(--main-link-color);
    padding: 4px 8px
}

.breadcrumb__fast-links a:hover {
    background-color: var(--theme-primary-color)
}

#footer {
    padding: 30px 0
}

.footer__sticky {
    position: fixed;
    z-index: auto;
    bottom: 0;
    right: 0;
    left: 0
}

.footer__upper {
    font-size: 14px
}

.footer__upper>.wrapper,.footer__lower>.wrapper {
    display: flex;
    justify-content: space-between
}

.footer__general-links>li {
    margin-right: 10px
}

.footer__general-links>li:last-child {
    margin-right: 0
}

.footer__general-links a {
    color: #b8b6b6
}

.footer__general-links a:hover {
    color: var(--main-link-color)
}

.footer__general-links i {
    color: var(--theme-secondary-color);
    margin-right: 6px
}

.footer__social-links a {
    color: var(--main-link-color);
    padding: 0 5px
}

.footer__social-links>li:first-child a {
    padding-left: 0
}

.footer__social-links>li:last-child a {
    padding-right: 0
}

.footer__signal:hover {
    color: #4867eb
}

.footer__telegram:hover {
    color: #179cde
}

.footer__facebook:hover {
    color: #3b5998
}

.footer__youtube:hover {
    color: #f00
}

.footer__twitter:hover {
    color: #1da1f2
}

.footer__lower {
    color: #666;
    font-size: 12px;
    margin-top: 5px
}

.footer__lower a {
    color: var(--theme-tertiary-color);
    font-weight: bold
}

.footer__lower a:hover {
    color: var(--main-link-color)
}

.footer__copyright {
    float: left
}

.footer__datetime {
    float: right
}

#stylizer-select {
    padding: 10px 15px
}

.stylizer-select__head {
    background-color: rgba(0,0,0,0.4);
    border-radius: 3px;
    font-size: 16px;
    padding: 5px;
    margin-bottom: 5px
}

.stylizer-select__colors {
    display: flex;
    flex-wrap: wrap
}

.stylizer-select__colors>li {
    background-color: tomato;
    width: 23%;
    height: 50px;
    margin: 1%;
    cursor: pointer
}

.stylizer-select__wrapper,.stylizer-select__options {
    padding: 1%
}

.stylizer-select__options label {
    display: block
}

#forum-tabs {
    margin-bottom: 15px
}

.forum-tabs__tabs>li {
    display: inline-block;
    background-color: #2c2c2c;
    border-radius: 3px;
    color: #9d9d9d;
    margin-right: 8px;
    margin-top: 4px;
    transition: background-color 200ms,color 200ms
}

.forum-tabs__tabs>li:last-child {
    margin-right: 0
}

.forum-tabs__tabs>li.easytab-active {
    background-color: var(--theme-primary-color);
    color: #e3e2e2;
    font-weight: bold
}

.forum-tabs__tabs>li.easytab-active a {
    cursor: default
}

.forum-tabs__tabs>li:not(.easytab-active):hover {
    background-color: #323232
}

.forum-tabs__tabs a {
    display: block;
    color: inherit;
    padding: 9px 12px
}

.forum-tabs__tabs i {
    margin-right: 8px
}

#tab_content {
    float: left;
    width: 77%
}

#sidebar {
    float: right;
    width: 22%;
    margin-bottom: 10px
}

.forums__cat-description {
    visibility: hidden;
    opacity: 0;
    background-color: rgba(0,0,0,0.2);
    border-radius: 3px;
    color: var(--main-text-color);
    padding: 3px 8px;
    margin-left: 15px;
    transition: visibility 0s,opacity .1s ease-in
}

.forums__cat-description:empty {
    display: none
}

.forums__bit:hover .forums__cat-description {
    visibility: visible;
    opacity: 1
}

.forums__forum-name {
    font-size: 14px
}

.forums__forum-description {
    color: #9d9d9d;
    margin-top: 2px
}

.forums__forum-status {
    color: var(--theme-secondary-color);
    font-size: 22px;
    text-align: center;
    height: 50px;
    width: 40px
}

.forums__forum-status i {
    display: inline-block;
    line-height: 50px
}

.forums__subforums {
    margin-top: 1px
}

.forums__subforums>li {
    margin-right: 15px
}

.forums__subforum-status {
    vertical-align: middle;
    display: inline-block;
    font-size: 8px;
    height: 10px;
    width: 10px;
    margin-right: 5px;
    margin-top: -1px
}

.forums__stats {
    font-size: 11px;
    text-transform: uppercase
}

.forums__stats-count {
    color: var(--theme-secondary-color);
    font-size: 15px
}

.forums__last-post {
    word-break: break-all;
    width: 220px
}

.forums__post {
    padding-left: 12px;
    border-left: 1px dashed #474747
}

.forums__avatar img {
    margin-top: 1px;
    margin-right: 10px
}

.index-stats__online-list {
    line-height: 1.5
}

.index-stats__forum {
    text-align: center
}

.index-stats__module {
    display: inline-block;
    background-color: #2e2e2e;
    border-radius: 3px;
    color: #9d9d9d;
    padding: 7px 12px;
    margin-top: 15px;
    margin-right: 20px
}

.index-stats__module-wrap:last-child {
    margin-right: 0
}

.index-stats__module i {
    color: var(--main-link-color);
    margin-right: 7px
}

.index-stats__module-count {
    color: var(--main-text-color)
}

.register-coppa__birth-date {
    width: 400px;
    margin: auto;
    margin-bottom: 15px
}

.thead--agreement {
    background-color: #992f2f
}

.register-agreement__form p:first-child {
    margin-top: 0
}

.register-agreement__form p:last-child {
    margin-bottom: 0
}

.login__table {
    width: 400px
}

.registration__table {
    width: 550px
}

.login__table a,.registration__table a {
    color: var(--main-text-color)
}

.login__table a:hover,.registration__table a:hover {
    color: var(--main-link-color)
}

.login__icon,.registration__icon {
    position: relative;
    text-shadow: initial
}

.login__icon i,.registration__icon i {
    position: absolute;
    color: var(--theme-secondary-color);
    margin-left: 9px
}

.login__icon i {
    margin-top: 12px
}

.registration__icon i {
    margin-top: 8px
}

.login__icon input.textbox,.registration__icon input.textbox {
    padding-left: 27px
}

.login__icon input.textbox {
    width: 100%;
    height: 38px
}

.registration__icon input.textbox {
    height: 30px
}

.login__form input.button,.registration__form input.button {
    padding: 5px 20px
}

.login__lost-pw {
    margin-top: 8px;
    margin-left: 1px
}

.login__form tr#captcha_trow>td.captcha_note {
    display: none
}

.login__account-details td {
    padding-bottom: 0
}

.login__account-details label {
    display: inline-block;
    padding-top: 8px
}

.login__account-details tr:first-child label {
    padding-top: 0
}

#forum-info,#thread-info {
    background-color: var(--theme-primary-color);
    padding: 10px 13px;
    margin-bottom: 15px
}

#forum-info,.thread-info__thread-wrap {
    display: flex;
    justify-content: space-between
}

#thread-info a:hover,#forum-info a:hover {
    color: var(--main-link-color)
}

.forum-info__forum,.thread-info__thread {
    overflow: auto;
    flex-grow: 1
}

.forum-info__description a:hover {
    text-decoration: underline
}

.forum-info__icon-row {
    color: var(--theme-secondary-color);
    font-size: 22px;
    padding-right: 15px
}

.thread-info__avatar img {
    border: 1px solid #111;
    border-radius: 3px;
    box-shadow: 1px 1px 1px 0px rgba(255,255,255,0.6)
}

.thread-info__name,.forum-info__name {
    font-size: 18px;
    text-shadow: 1px 1px 2px #000
}

.thread-info__datetime,.forum-info__description {
    color: #cecece;
    font-size: 12px
}

.thread-info__new-reply,.forum-info__new-thread {
    white-space: nowrap
}

.thread-info__new-reply a.button,.forum-info__new-thread a.button {
    background-color: #1e1e1e
}

.thread-info__new-reply a.button:hover,.forum-info__new-thread a.button:hover {
    background-color: #2a2a2a
}

#thread-navigation .ratethread {
    background-color: #323232;
    padding: 4px 6px;
    padding-right: 13px
}

#thread-quick-reply textarea {
    font-size: 15px
}

#thread-quick-reply input.button {
    padding: 8px 25px;
    border-bottom: 0
}

input.thread-quick-reply__preview-post {
    background-color: var(--theme-tertiary-color);
    border: 1px solid transparent;
    border-bottom: 0
}

input.thread-quick-reply__preview-post:hover {
    border-color: var(--theme-quaternary-color)
}

.forum-display__subforums .trow1,.forum-display__subforums .trow2 {
    background-color: #1e1e1e
}

.forum-display__thread-name {
    font-size: 14px
}

.forum-display__thread-prefix {
    display: none;
    color: #fff;
    font-size: 12px;
    padding: 0px 5px
}

.forum-display__thread-prefix--new-thread {
    background-color: #207620
}

.forum-display__new-thread:hover {
    color: #fff
}

.forum-display__thread-date {
    color: #8b8b8b;
    font-size: 11px;
    margin-left: 4px
}

#users-browsing {
    background-color: var(--theme-low-alpha-color);
    border-radius: 3px;
    padding: 9px 13px
}

#thread-poll {
    margin-top: 10px
}

#thread-poll .thead {
    padding: 10px 13px
}

.thread-poll__poll {
    font-size: 15px
}

.thread-poll__poll i {
    margin-right: 5px
}

.thread-poll__poll-name {
    font-size: 15px;
    text-shadow: 1px 1px 1px #000
}

.thread-poll__links {
    display: inline-block;
    font-size: 14px;
    margin-left: 4px
}

.thread-poll__links i {
    color: var(--theme-secondary-color)
}

.thread-poll__options {
    display: table;
    background-color: var(--main-content-bg-color);
    padding: 10px 10px;
    margin: 10px 0px 10px 20px;
    min-width: 105px
}

.thread-poll__options label {
    display: block
}

.thread-poll__results {
    background-color: rgba(0,0,0,0.2);
    padding: 10px;
    padding-left: 15px;
    margin: 10px 0 0 20px
}

.thread-poll__status {
    color: #979797
}

#profile table i {
    color: var(--theme-secondary-color)
}

.profile__wrap {
    margin: 0 15px
}

.profile__head {
    margin-bottom: 10px
}

.profile__cover {
    background-color: var(--theme-primary-color);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.profile__cover .profile__wrap {
    position: relative;
    height: 75px;
    transition: height 700ms ease-in-out
}

.profile__user {
    position: absolute;
    bottom: 0;
    display: table
}

.profile__user-avatar,.profile__user-basic-info {
    display: table-cell;
    vertical-align: top
}

.profile__user-avatar {
    position: absolute;
    width: 78px;
    text-align: center
}

.profile__user-avatar img {
    max-width: 78px;
    cursor: pointer
}

.profile__user-avatar img.online {
    border: 1px solid #3cb23c
}

.profile__user-avatar img.offline {
    border: 1px solid #b23c3c
}

.profile__user-basic-info {
    padding-top: 2px;
    padding-left: 90px
}

.profile__username {
    background-color: rgba(0,0,0,0.2);
    font-size: 20px;
    padding: 2px 5px
}

.profile__username a {
    color: #fff
}

.profile__sub-info {
    background-color: #171717;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.profile__sub-info .profile__wrap {
    display: table
}

.profile__online-status,.profile__buddy-options {
    display: table-cell;
    vertical-align: top
}

.profile__online-status {
    width: 100%;
    padding-left: 90px
}

.profile__buddy-options {
    white-space: nowrap
}

.profile__buddy-options>li {
    margin-right: 10px
}

.profile__buddy-options>li:last-child {
    margin-right: 0
}

.profile__buddy-options a {
    display: block;
    background-color: var(--theme-primary-color);
    border: 1px dashed var(--theme-tertiary-color);
    color: var(--main-link-color);
    text-shadow: initial;
    padding: 2px 6px
}

.profile__buddy-options a:hover {
    background-color: #e1e1e1;
    color: #3f3f3f
}

.profile__buddy-options i {
    margin-right: 5px
}

.profile__content {
    display: table;
    width: 100%
}

.profile__short-info,.profile__main-info,.profile__activity {
    display: table-cell;
    vertical-align: top
}

.profile__short-info {
    width: 25%;
    padding-right: 10px
}

.profile__main-info {
    width: 50%
}

.profile__activity {
    width: 25%;
    padding-left: 10px
}

.profile__info-type {
    display: block;
    font-weight: bold
}

.profile__contacts>.trow1:nth-child(2),.profile__contacts>.trow2:nth-child(2) {
    border-top: 0
}

.profile__multiple-contacts {
    display: flex
}

.profile__contact-method {
    width: 100%;
    border-bottom: 0
}

.profile__signature {
    max-height: 300px
}

.profile__change-cover {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.3);
    padding: 3px 10px;
    margin-bottom: 5px;
    cursor: pointer
}

.profile__change-cover:hover {
    background-color: rgba(0,0,0,0.5)
}

.user-cp__nav,.mod-cp__nav {
    display: table-cell;
    min-width: 200px;
    padding-right: 10px;
    vertical-align: top
}

.user-cp__nav .trow1,.user-cp__nav .trow2,.mod-cp__nav .trow1,.mod-cp__nav .trow2 {
    padding: 0
}

.user-cp__summary,.mod-cp__summary {
    display: table-cell;
    width: 100%;
    vertical-align: top
}

.user-cp__options fieldset td {
    padding-top: 5px;
    padding-bottom: 5px
}

.user-cp__options fieldset tr:first-child td {
    padding-top: 0
}

.notifications-wrap {
    margin-bottom: 15px
}

.notifications-wrap:last-child {
    margin-bottom: 0
}

.notification {
    display: block;
    position: relative;
    background-color: #313336;
    border: 3px solid transparent;
    border-radius: 3px;
    margin: 1px;
    margin-bottom: 10px
}

.notification a {
    color: var(--main-link-color);
    text-decoration: underline dotted
}

.notification a.notification__close {
    display: none;
    position: absolute;
    right: 5px;
    top: 2px;
    background-color: rgba(0,0,0,0.2);
    font-weight: bold;
    text-decoration: none;
    padding: 3px 10px
}

.notification a.notification__close:hover {
    background-color: rgba(0,0,0,0.4)
}

.notification:before {
    font-family: "Font Awesome 5 Free";
    content: "\f0a1";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
    font-weight: 900;
    display: table-cell;
    background-color: rgba(0,0,0,0.25);
    border-radius: 3px;
    vertical-align: middle;
    font-size: 16px;
    text-align: center;
    width: 60px
}

.notification__message {
    display: table-cell;
    padding: 10px
}

.notification__head {
    display: inline-block;
    background-color: rgba(0,0,0,0.15);
    padding: 2px 5px
}

.notification:hover .notification__close {
    display: block
}

.notification--error {
    background-color: #641714
}

.notification--error:before {
    content: "\f00d"
}

.notification--success {
}

.notification--success:before {
    content: "\f00c"
}

.notification--warning {
    background-color: #644a14
}

.notification--warning:before {
    content: "\f071"
}

.notification--pm {
    background-color: #705c13
}

.notification--pm:before {
    content: "\f0e0"
}

.notification--info {
    background-color: #144664
}

.notification--info:before {
    content: "\f05a"
}

.mini-form__table {
    width: 310px;
    color: #bebebe;
    text-align: center;
    margin: 0 auto
}

.mini-form__trow {
    padding: 10px 5px
}

.mini-form__button {
    display: inline-block;
    text-transform: uppercase;
    padding: 8px 10px
}

.mini-form__button--only-text {
    color: var(--theme-secondary-color)
}

.mini-form__button--background {
    background-color: var(--theme-tertiary-color)
}

.mini-form__button--background:hover {
    color: var(--main-link-color)
}

.helpdocs-row {
    background: #151515;
    padding: 2px 10px;
    border-radius: 4px;
    margin-bottom: 5px
}

.helpdocs-row:last-child {
    margin-bottom: 0
}

.helpdocs-number {
    color: var(--theme-secondary-color);
    display: inline-block;
    margin-right: 5px;
    font-weight: 700;
    text-align: center;
    border-radius: 4px
}

.helpdocs-desc {
    margin-bottom: 15px;
    background: #151515;
    padding: 8px 10px;
    border-radius: 0.25rem
}

.helpdocs-desc:last-child {
    margin-bottom: 0
}

.helpdocs-title {
    color: var(--theme-secondary-color);
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 5px
}

.dropdown,.toggle {
    position: relative
}

.dropdown-content,.toggle-content {
    display: none;
    position: absolute;
    z-index: 1
}

.dropdown-content:after,.dropdown-content:before {
    bottom: 100%;
    left: 28%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.dropdown-content:after {
    border-width: 6px;
    margin-left: -6px
}

.dropdown-content:before {
    border-width: 7px;
    margin-left: -7px
}

.tooltip {
    position: absolute;
    background-color: var(--theme-tertiary-color);
    border-radius: 3px;
    color: #e1e1e1;
    font-size: 12px;
    text-shadow: initial;
    max-width: 160px;
    padding: 6px 10px;
    margin-left: 10px
}

.hide-parent-onclick {
    cursor: pointer
}

.advert {
    font-size: 0;
    border-color: #3e3a3a;
    text-align: center;
    color: #ccc;
    box-shadow: none;
    margin-bottom: 10px
}

.advert legend {
    font-size: 13.5px;
    margin: 0 auto
}

.h-captcha-container {
    position: relative;
    overflow: hidden;
    width: 300px;
    height: 74px;
    border: 1px solid var(--theme-tertiary-color);
    border-radius: 2px;
    margin: 0 auto;
    margin-top: 5px
}

.h-captcha-container .h-captcha {
    position: absolute;
    top: -1px;
    left: -1px
}

.modal_wrap {
    position: relative
}

.mycode_url>i {
    position: absolute;
    right: 4px;
    opacity: .8;
    font-size: 14px;
    margin-top: 4px;
    color: #fff;
    mix-blend-mode: exclusion
}

.mycode_url>i:hover {
    opacity: 1
}

.inline-code {
    background-color: #111;
    padding: 1px 5px;
    border-radius: 3px
}

.gift {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 500px;
    height: 30px;
    background-color: rgb(46,85,33);
    border-radius: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    margin-bottom: 5px
}

.gift-message {
    color: white;
    font-family: Roboto,Arial;
    font-size: 15px;
    line-height: 1.5;
    padding: 5px;
    text-align: center
}

.notification-inv div {
    color: var(--main-link-color);
    text-decoration: underline dotted
}

.notification-inv:before {
    font-family: "Font Awesome 5 Free";
    content: "\f05a";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
    font-weight: 900;
    display: table-cell;
    background-color: rgba(0,0,0,0.25);
    border-radius: 3px;
    vertical-align: middle;
    font-size: 16px;
    text-align: center;
    width: 60px
}

.notification-inv {
    display: block;
    position: relative;
    background-color: #313336;
    border: 3px solid transparent;
    border-radius: 3px;
    margin: 1px;
    margin-bottom: 10px
}