@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,745;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/* Ana tema yüzeyleri — profil/UCP cartier.css ile aynı ton (tek kaynak) */
:root {
    --smf-body-bg: #18191a;
    --smf-wrap-bg: #242526;
    --smf-panel-bg: #18191a;
    --smf-nested-bg: #242526;
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

body {
    /* background: #18191a; */
    background: #18191a url(https://www.upload.ee/image/18853203/ChatGPT_Image_30_Kas_2025_19_48_10__1_.png);
    background-size: 400px 600px;
    
    font-family: rubik,sans-serif;
    font-size: 13px;
    color: #cec6c6;
    display: flex;
    flex-direction: column;
}

::selection {
    text-shadow: none;
    background: #555;
}

ul,ol {
    list-style: none;
}

.bbspo1 {
    margin: 0;
    padding: 6px;
    background-color: #18191a;
    border-radius: 5px;
}

.bbspo_button {
    background-color: #18191a;
    font-weight: 700;
    width: auto;
    font-size: 10px;
    margin: 0;
    padding: 1px 3px;
}

ul.normallist {
    list-style-type: disc;
    padding: 0 0 0 15px;
}

table {
    empty-cells: show;
}

abbr {
    border-bottom: .1em dotted;
}

input,button,select,textarea {
    color: #cec6c6;
    background: #000000;
    outline: none;
    border: none;
    vertical-align: middle;
    border-radius: 3px;
    padding: .3em .4em;
    font-family: 'rubik', sans-serif;
}

input:hover,textarea:hover,button:hover,select:hover {
    outline: none;
}

textarea:hover {
    background: #000000;
}

input:focus,textarea:focus,button:focus,select:focus {
    outline: none;
    background: #000000;
}

input,button,select {
    padding: 0 .4em;
    height: 2em;
    line-height: 25px;
    border-radius: 5px;
    height: 25px;
    font-family: 'rubik', sans-serif;
}

select {
    padding: .22em .2em;
}

select[size] {
    height: auto;
}

input[type=file] {
    padding: 2px;
    height: auto;
}

input[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border: 0;
}

img,input,select,textarea {
    max-width: 100%;
}

#chrome input {
    line-height: 6px;
    background: #000000 !important;
    padding: 10px;
}

textarea {
    font-size: 1em;
}

.monospace,.bbc_code,.phpcode,pre {
    font-family: dejavu sans mono,Menlo,Monaco,Consolas,monospace;
}

.sceditor-container textarea,.sceditor-container textarea:focus {
    box-shadow: none;
}

#quick_edit_body_container textarea,.move_topic textarea,dd textarea {
    width: 100%;
    min-height: 100px;
}

input,button,select {
    font-size: .75rem;
}

input[type=number] {
    padding-right: 0;
    width: calc(4ch + 15px + .8em);
}

input[type=number][size="2"],input[type=number][size="1"] {
    width: calc(2ch + 15px + .8em);
}

input[type=number][size="3"] {
    width: calc(3ch + 15px + .8em);
}

input[type=number][size="5"] {
    width: calc(5ch + 15px + .8em);
}

input[type=number][size="6"] {
    width: calc(6ch + 15px + .8em);
}

select option {
    padding: 0 4px;
}

fieldset {
    padding: 18px;
    margin: 0 0 6px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

fieldset legend {
    font-weight: 700;
    box-shadow: none;
    border: none;
}

summary {
    margin: 5px 0;
}

strong,.strong {
    font-weight: 700;
}

.cat_bar strong {
    color: #fff;
}

em,.em {
    font-style: italic;
}

h1,h2,h3,h4,h5,h6 {
    font-size: 14px;
    color: #fff;
    font-weight: normal;
}

.profileposter {
    background: #18191a;
    /* height: 200px; */
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 20px;
    border: 3px solid #18191a;
}

.profileposterinfo {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    z-index: 2;
}

.profilepp {
    position: relative;
    display: flex;
    width: 150px;
    height: 135px;
    justify-content: center;
    align-items: center;
}

.profilepp img {
    border-radius: 100px;
    width: 125px;
    height: 125px;
}

.profilepp p {
    width: 20px;
    height: 20px;
    border: 5px solid #3ba55d;
    border-radius: 20px;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.profilenick {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.profilenick span {
    background: #242526;
    padding: 10px;
    border-radius: 10px;
    width: 200px;
}

.profilenick p {
    display: flex;
    background: #242526;
    padding: 10px;
    border-radius: 10px;
    width: 200px;
    height: 36px;
    font-size: 19px;
    font-family: 'Bebas Neue', sans-serif;
    align-items: center;
}

.profilesosyal {
    display: flex;
    gap: 10px;
    flex-direction: row;
    flex-wrap: nowrap;
}

.profilesosyal a {
    background: #242526;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.profilesosyal i {
    width: max-content;
    height: max-content;
}

.profilebasicsol {
    width: 100%;
    background: #18191a;
    float: left;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.profilebasicsol a {
    display: flex;
    background: #242526;
    border-radius: 5px;
    padding: 10px;
}

.profilebasicsag {
    background: #18191a;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.profilebasicsag .settings {
    background: #242526;
    padding: 10px !important;
    border-radius: 5px;
    border: none !important;
    margin: 0 !important;
}

.profilziyaret {
    width: 100%;
    background: #18191a;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.profilziyaretbaslik {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background: #000;
    border-radius: 5px;
}

.profilziyaretbaslik span {
}

.profilziyaretbaslik p {
    font-size: 10px;
}

.profilebakanlar {
    display: flex;
    flex-direction: column;
    gap: 5px;
    overflow-y: scroll;
    min-height: 50px;
    max-height: 300px;
    padding: 0 10px 0 0;
}

.profilebakanlar::-webkit-scrollbar {
    width: 5px;
    border-radius: 10px;
}

.profilebakanlar::-webkit-scrollbar-track {
    background: #242526;
    border-radius: 10px;
}

.profilebakanlar::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 10px;
}

.profilebakan {
    display: flex;
    align-items: center;
    background: #242526;
    padding: 8px;
    border-radius: 5px;
    gap: 8px;
}

.bakanpp {
    display: flex;
}

.bakanpp img {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    object-fit: cover;
}

.bakaninf {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.bakaninf a {
}

.bakaninf span {
    font-size: 10px;
}

.profilmain {
    display: flex;
    gap: 10px;
}

.profilsolpart {
    display: flex;
    flex-direction: column;
    width: 45%;
    gap: 10px;
}

@media screen and (max-width: 720px) {
    .profileposter {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: center;
        padding: 10px;
    }

    .profileposterinfo {
        flex-direction: column;
        align-items: center;
        align-content: center;
        width: 100%;
    }

    .profilenick {
        align-items: center;
        align-content: center;
        width: 100%;
    }

    .profilenick span {
        width: 100%;
        text-align: center;
    }

    .profilenick p {
        width: 100%;
        text-align: center;
    }

    .profilsolpart {
        width: 100%;
    }

    .profilesosyal {
        flex-wrap: wrap;
    }

    .profilmain {
        flex-direction: column;
    }

    .cr-havadurumic {
        display: flex;
        flex-direction: column-reverse;
    }

    .havagunici {
        width: 100% !important;
    }

    .forumclub {
        flex-direction: column;
    }

    .forumclubsol {
        width: 100% !important;
    }

    .sikayetmerkezust {
        flex-direction: column;
        gap: 10px;
    }

    .sikayetmerkezsol {
    }

    .sikayetmerkezsag {
        justify-content: flex-start !important;
        text-align: left !important;
    }
}

input[type=checkbox],input[type=radio] {
    border: none;
    background: 0 0;
    vertical-align: middle;
    box-shadow: none;
    margin: 0 3px;
}

.moderationbuttons_mobile_check {
    display: none;
}

input[disabled],textarea[disabled],select[disabled],.button.disabled,.button[disabled]:hover {
    background: #eee;
    color: #999;
    border-color: #b6b6b6;
    opacity: .8;
    cursor: default;
}

hr {
    border: none;
    margin: 12px 0;
    height: 1px;
    background: #18191a;
}

a,a:visited {
    color: #9f9f9f;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
}

body#help_popup {
    padding: 12px;
}

#likes {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#likes li {
    clear: both;
    background: #242526;
    padding: 10px;
    border-radius: 5px;
}

#likes .avatar {
    max-height: 40px !important;
    max-width: 40px !important;
    border-radius: 50px;
    min-width: 40px;
    min-height: 40px;
    object-fit: cover;
}

#likes li .like_profile {
    margin-left: 10px;
}

#likes .avatar,#likes li .like_profile {
    vertical-align: middle;
    display: inline-flex;
    flex-direction: column;
}

#likes li .like_time {
    /* padding: 4px 0; */
    font-size: 10px;
}

#likes .description {
}

#likes a {
}

.new_posts,a.new_posts {
    display: inline-block;
    position: relative;
    padding: 0 4px;
    background: #ff3535;
    color: black;
    font: 9px/15px verdana,sans-serif;
    border-radius: 2px;
    opacity: .8;
}

a.new_posts:visited {
    color: #fff;
}

.new_posts:hover,.new_posts:focus {
    text-decoration: none;
    opacity: 1;
}

.floatright {
    float: right;
}

.floatleft {
    float: left;
}

.floatnone {
    float: none;
}

.flow_auto {
    overflow: auto;
}

.flow_hidden {
    overflow: hidden;
}

.clear {
    clear: both;
}

.clear_left {
    clear: left;
}

.clear_right {
    clear: right;
}

.smalltext,tr.smalltext th {
    font-size: .9em;
}

.largetext {
    font-size: 1.4em;
}

h3.largetext {
    font-size: large;
}

.xlargetext {
    font-size: x-large;
}

.centertext,.centercol {
    margin: 0 auto;
    text-align: center;
}

.righttext {
    margin-left: auto;
    margin-right: 0;
    text-align: right;
}

.lefttext {
    margin-left: 0;
    margin-right: auto;
    text-align: left;
}

.justifytext {
    text-align: justify;
}

.double_height {
    line-height: 2em;
}

.padding {
    padding: 8px;
}

.main_section,.lower_padding {
    padding-bottom: 6px;
}

.half_content {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.half_content:nth-of-type(odd) {
    margin-right: -.25em;
    padding-right: .3%;
}

.half_content:nth-of-type(even) {
    margin-left: -.2em;
    padding-left: .3%;
}

blockquote {
    margin: 0 0 10px;
    padding: 10px;
    border-radius: 10px;
}

blockquote cite {
    display: block;
    font-size: .9em;
    margin-bottom: 5px;
    font-style: normal;
}

blockquote cite::before {
    font-style: normal;
    content: '\f139';
    font-family: 'FontAwesome';
    vertical-align: middle;
    margin-right: 5px;
}

.bbc_standard_quote {
    background-color: #18191a;
}

.bbc_alternate_quote {
    background-color: #242526;
}

.bbc_code {
    display: block;
    font-size: .78rem;
    background: #18191a;
    border-radius: 10px;
    margin: 1px 0 6px;
    padding: 10px;
    overflow: auto;
    white-space: nowrap;
    max-height: 25em;
}

.codeheader,.quoteheader {
    font-size: .9em;
    padding: 0 2px;
}

.codeoperation {
    font-weight: 400;
}

.expand_code {
    max-height: none;
}

.bbc_link {
    border-bottom: 1px solid #a8b6cf;
}

.bbc_link:hover {
    text-decoration: none;
    border-bottom: 1px solid #346;
}

.bbc_size {
    line-height: 1.4em;
}

.bbc_color a {
    color: inherit;
}

.bbc_table {
    font: inherit;
    color: inherit;
}

.bbc_table td {
    font: inherit;
    color: inherit;
    vertical-align: top;
}

.bbc_list {
    text-align: left;
    padding: 0 0 0 35px;
    list-style-type: inherit;
}

.bbc_float {
    margin-bottom: 1em;
    max-width: 45%;
}

.bbc_float.floatleft {
    margin-right: 1em;
    clear: left;
}

.bbc_float.floatright {
    margin-left: 1em;
    clear: right;
}

.bbc_img {
    object-fit: contain;
}

.postarea .bbc_img.resized:hover {
    cursor: pointer;
}

.bbc_img.original_size {
    height: auto!important;
    width: auto!important;
    max-height: none;
    max-width: 100%;
}

a img {
    border: 0;
}

.toggle_up::before,.toggle_down::before {
    width: 17px;
    height: 17px;
    display: inline-block;
    background: #242526 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAABECAMAAADTNBe3AAAAb1BMVEVHcExZj71Zj71YirtZj71Zj71djr9GqL5Zj71Zj71ZkL1ajLtZj71Zj71akL5XkL1bkr5Yj71Yj71Zj71Zj71ajrxYj75Ykb1aj71Zj71Yj71ZkL1Zj71Zj71RlLxZkL1Zjr1aj71ajb5YkL1Zj71qfufzAAAAI3RSTlMA0bwGX6MNAv3qRBZ59jo1EVAx+sMs4CKSyYiXq9wJVGyLSjWTTfUAAADpSURBVBgZ7cFHkoMwAATAIUrkDDbYONT8/41LURRLkODmE924/JLr4szthhOJlDEOWQZpWDgSchDiQBNxEDXQMzkyBXRsTmxopB4nXgA1hzMHSr7kPx8K/ZNkdH84pkfy2WOvJUvbxUD4jmSLnap4vjDLyyLHhri3FhbEuxRYs7/YiF9Yc7Hj4nLRiAW2EqxVjxQrfZdj41NnWEiMD7b6mmaFSdDJuseOT/L+zlMRZI+C9KHgcMGBSuBx5gVQsjmzoSZMTkoBjSbiKKqgFXIUQs8yODAsHEgkKWMc6sgbjrm1l+JEluHyQ3/hAhoP/b3Z7wAAAABJRU5ErkJggg==) no-repeat 0 0/17px;
    overflow: hidden;
    content: "";
    filter: grayscale(1);
    vertical-align: middle;
    margin: 0 0px;
    border: none;
    border-radius: 3px;
    transition: background-color .25s;
}

.toggle_down::before {
    background-position: 0 -17px;
}

.toggle_up:hover:before,.toggle_down:hover:before {
    background-color: #242526;
    transition: background-color .25s;
}

.help {
    cursor: help;
    opacity: .9;
}

.help:hover {
    opacity: 1;
}

.highlight {
    font-weight: 700;
    color: #ff7200!important;
    font-size: 1.1em;
    background-color: inherit;
}

.pagesection {
    padding: 2px 0;
    overflow: hidden;
    clear: both;
}

.pagesection .pagelinks {
    display: inline-block;
    float: left;
}

.pages::after,.jump_to::after,.code::after,strong[id^=child_list_]::after {
    content: ": ";
    margin-right: 5px;
}

.pages {
    font-size: .9em;
    margin-left: 7px;
}

#main_content_section .pagesection {
    margin: 4px 0 0;
}

.pagelinks .button {
    padding: 5px 10px;
}

.nav_page {
    padding: 0 1px;
}

.expand_pages {
    font-weight: 700;
    cursor: pointer;
}

.current_page {
    padding: 0 4px 0 2px;
}

.current_page::before,.codeoperation::before {
    content: "[";
}

.current_page::after,.codeoperation::after {
    content: "]";
}

.post {
    overflow: auto;
    line-height: 1.4em;
    padding: 1px 0;
    width: 100%;
}

.birthday {
    color: #920ac4;
}

.event {
    color: #078907;
}

.holiday>span {
    color: #025dff;
}

.sel_event {
    font-weight: 700;
}

.warn_moderate {
    color: orange;
}

.warn_watch,.success {
    color: green;
}

a.moderation_link,a.moderation_link:visited {
    font-weight: 700;
    padding: 0 8px;
    background: #f59e00;
}

#ajax_in_progress {
    background: #fff;
    border-bottom: 4px solid #f96f00;
    color: #f96f00;
    text-align: center;
    font-size: 1.6em;
    padding: 8px;
    width: 100%;
    line-height: 25px;
    position: fixed;
    top: 0;
    left: 0;
}

#ajax_in_progress a {
    color: orange;
    text-decoration: underline;
    font-size: .9em;
    float: right;
    margin-right: 20px;
}

dl.settings {
    clear: right;
    overflow: auto;
    margin: 0 0 10px;
    padding: 5px;
}

dl.settings dt {
    width: 56%;
    float: left;
    margin: 0 0 10px;
    clear: both;
}

dl.settings dt.windowbg {
    width: 98%;
    float: left;
    margin: 0 0 3px;
    padding: 0 0 5px;
    clear: both;
}

dl.settings dd {
    width: 42%;
    float: right;
    margin: 0 0 3px;
}

dl.settings img {
    margin: 0 10px 0 0;
    vertical-align: middle;
}

table.table_grid {
    border-collapse: collapse;
    margin: 0;
    width: 100%;
}

table.table_grid td {
    padding: 3px;
}

.table_grid.half_content,.half_table {
    width: 50%;
}

.equal_table {
    width: 33%;
}

.quarter_table {
    width: 25%;
}

.small_table {
    width: 10%;
}

.table_icon {
    width: 5%;
}

.title_bar th,.windowbg th {
    padding: 4px 8px;
}

.title_bar .sort_down,.title_bar .sort_up {
    margin: -3px 0 0 2px;
}

.additional_row {
    padding: 6px 0;
}

.additional_row::after {
    content: "";
    display: block;
    clear: both;
}

img.sort,.sort {
    margin-bottom: -4px;
    margin-left: 4px;
}

#permissions table.table_grid td {
    padding: 5px 10px;
    cursor: default;
}

.postbg {
    border-left: 1px solid #7f7f7f;
    border-right: 1px solid #7f7f7f;
}

.auto_suggest_div {
    position: absolute;
    visibility: hidden;
    border-radius: 3px;
    outline: none!important;
    border: 1px solid #bbb;
    z-index: 100;
}

.auto_suggest_item {
    background: #ddd;
    padding: 1px 4px;
}

.auto_suggest_item_hover {
    background: #888;
    cursor: pointer;
    color: #eee;
    padding: 1px 4px;
}

.dropmenu,#top_info {
    position: relative;
}

.dropmenu>li,#top_info>li {
    display: inline-block;
    margin: 0 2px 0 1px;
    font-size: .9em;
    line-height: 1.9em;
}

.dropmenu a {
    outline: none;
}

.amt {
    margin-left: 3px;
    padding: 0px 6px;
    color: #fff;
    background: #e73237;
    border-radius: 10px;
}

.dropmenu li .active .amt,#top_info li .active .amt {
    background: rgba(0,0,0,.2);
    color: inherit;
}

#top_info .top_menu.visible {
    display: block;
}

.dropmenu li strong {
    color: #333;
}

.dropmenu li a,#top_info>li>a {
    padding: 5px 10px;
    display: flex;
    border: none;
    border-radius: 10px;
    align-items: center;
    gap: 5px;
}

.dropmenu a.active,#top_info a.active {
    color: #fff;
}

.dropmenu>li:hover>a,.dropmenu>li>a:focus,#top_info>li:hover>a,#top_info>li>a:focus,#top_info>li>a.open {
    background: #18191a;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}

.dropmenu li a.active:hover,.dropmenu li:hover a.active {
    color: #fff;
    text-shadow: none;
}

a.mobile_user_menu,a[class^=mobile_generic_menu_] {
    display: none;
}

#main_menu {
    margin: 0 0 4px;
}

#profile_menu_top::after {
    content: " \25BC";
}

.profile_user_info,.profile_user_avatar {
    display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: middle;
}

.profile_user_avatar img.avatar {
    max-width: 75px !important;
    max-height: 75px !important;
    border-radius: 10px;
}

.profile_username {
    font-size: 150%;
    display: block;
}

.profile_user_links ol {
    /* margin-left: 10px; */
    clear: both;
    /* column-count: 2; */
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.profile_user_links li {
    /* font-size: .8rem; */
    line-height: 2em;
    /* padding-left: 24px; */
    /* text-indent: -24px; */
    -webkit-hyphens: auto;
    hyphens: auto;
    /* font-size: 10px; */
    display: flex;
    gap: 5px;
    background: #242526;
    padding: 10px;
    border-radius: 5px;
    line-height: 0;
    height: fit-content;
    align-items: center;
}

.profile_user_links li i {
    height: 100%;
    line-height: 0;
}

.scrollable,.scrollable *,#profile_menu {
    box-sizing: content-box;
}

.top_menu.scrollable {
    max-height: 30em;
}

.pm_unread,.alerts_unread {
    margin-top: 5px;
    border-top: 1px solid #000;
}

.unread_notify {
    /* border-bottom: 1px solid #ddd; */
}

.no_unread {
    margin-top: 5px;
    text-align: center;
}

.unread_notify:hover {
    background: #242526;
    text-decoration: none;
    border-radius: 10px;
}

.unread_notify:last-child {
    border-bottom: none;
}

.unread_notify {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    line-height: 20px;
}

.unread_notify.alert_read {
    opacity: .5;
    outline: none;
    filter: grayscale(1);
}

.unread_notify strong {
    font-weight: 600;
}

.unread_notify .avatar {
    width: 40px;
    height: 40px;
    object-fit: scale-down;
    margin: 4px 4px 4px 0;
    display: inline-block;
    color: transparent;
    vertical-align: bottom;
}

.unread_notify_image {
    position: relative;
    width: 44px;
    margin-right: 4px;
    text-align: center;
}

.unread_notify_image span.alert_icon {
    display: block;
    line-height: 1em;
}

.unread_notify_image .avatar+.alert_icon {
    width: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.unread_notify .details {
    display: inline-block;
    vertical-align: top;
    max-width: calc(100% - 48px);
}

#pm_menu .subject {
    font-weight: 700;
}

.dropmenu li ul,.top_menu {
    z-index: 90;
    position: absolute;
    display: none;
    min-width: 18.2em;
    padding: .5em;
    font-weight: 400;
    border-radius: 10px;
    background: #18191a!important;
}

.dropmenu li li {
    margin: 0;
    padding: 0;
    border-radius: 5px;
}

.dropmenu li:hover li a,.dropmenu li li a {
    background: 0 0;
    padding: 0 9px;
    color: #cec6c6;
    border: none;
    line-height: 2.2em;
}

.dropmenu li li a>img {
    vertical-align: middle;
}

.top_menu {
    min-width: 25em;
}

.top_menu .login {
    width: 100%;
}

.top_menu .login dt {
    text-align: left;
    width: 55%;
}

.top_menu .login dd {
    width: 43%;
}

.top_menu .login input {
    width: 90%;
}

.dropmenu ul a:focus,.dropmenu ul ul a:focus {
    margin-left: 9990px;
    border: none;
    width: 17em;
}

.dropmenu ul ul a:focus {
    margin-left: 19950px;
}

.dropmenu ul li:hover a:focus,.dropmenu ul li a:focus {
    margin-left: 0;
    width: auto;
}

.dropmenu li ul ul {
    margin: -2em 0 0 15.3em;
}

.dropmenu li li li a {
    font-size: 1em;
}

.dropmenu li li:hover {
    border: none;
}

.dropmenu li li:hover>a,.dropmenu li li a:focus,.dropmenu li li a:hover {
    color: #fff;
    text-decoration: none;
}

.dropmenu li:hover ul {
    display: block;
}

.dropmenu li:hover ul ul,.dropmenu li ul ul,.dropmenu li:hover ul ul ul,.dropmenu li ul ul ul {
    left: -9999px;
}

.dropmenu li li:hover ul,.dropmenu li li ul {
    left: -14px;
}

.dropmenu li li.subsections>a::after {
    position: absolute;
    padding: 5px 0;
    right: 10px;
    font: 83.33%/150% Arial,sans-serif;
    content: "\25ba";
}

.dropmenu li li a.chosen {
    font-weight: 700;
}

#adm_submenus {
    margin: 0 0 6px;
    overflow: hidden;
}

.buttonlist,.buttonrow,.pagelinks {
    z-index: 100;
    padding: 5px 0;
}

.button,.quickbuttons>li>a,.inline_mod_check {
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    vertical-align: middle;
    background: #18191a!important;
}

.pagesection .button {
    color: #fff;
}

.button:hover,.button:focus,.quickbuttons>li:hover>a,.quickbuttons>li>a:focus {
    text-decoration: none;
}

.button:hover,.button:focus {
    color: #fff;
}

.button.active:hover,.button.active:focus {
    color: #ffffff;
    box-shadow: none;
}

.cat_bar .button {
    box-shadow: none;
}

.buttonrow {
    margin: 0 5px;
}

.buttonrow .button {
    display: table-cell;
    border-radius: 0;
}

.buttonrow .button:first-child {
    border-radius: 3px 0 0 3px;
}

.buttonrow .button:last-child {
    border-radius: 0 3px 3px 0;
}

.titlebg .buttonlist {
    margin: 0;
    padding: 0;
}

#wrapper {
    clear: both;
    background: #242526;
    border-radius: 20px;
    margin-top: 30px!important;
    padding: 30px;
}

#top_section .inner_wrap,#wrapper,#header,#footer .inner_wrap {
    max-width: 1080px;
    margin: 0 auto;
    width: 90%;
}

#top_section {
    border-bottom: 1px solid #18191a;
    background: #000!important;
    clear: both;
}

#top_section::after {
    content: "";
    display: block;
    clear: both;
}

#top_info .main_icons::before {
    display: none;
}

#top_info {
    padding: 5px 0;
    line-height: 1.3em;
    max-width: 100%;
    display: flex;
    align-items: center;
}

#pm_menu,#alerts_menu,#profile_menu {
    left: 0;
    right: 0;
    padding: 10px;
}

#profile_menu_top>img.avatar {
    height: 20px;
    width: 20px;
    border-radius: 5px;
}

#pm_menu_top .main_icons,#alerts_menu_top .main_icons {
    line-height: 0;
    height: fit-content;
}

#top_section .textmenu {
    display: none;
}

.notice {
    font-weight: 700;
}

#languages_form,#search_form {
    padding: 5px 0;
}

#languages_form {
    margin: 0 0 0 10px;
}

#header {
    padding: 2px 2px 12px;
    display: flex;
    align-items: flex-end;
}

#header::after {
    content: "";
    display: block;
    clear: both;
}

h1.forumtitle {
    font-size: 1.8em;
    font-family: tahoma,sans-serif;
    padding: 22px 12px 6px 10px;
    font-weight: 400;
    flex: 1 1 auto;
}

h1.forumtitle a {
    color: #a85400;
}

#siteslogan,img#smflogo {
    padding-right: 2px;
    font-size: 1.4em;
}

img#smflogo {
    margin: 16px 0 0;
}

.welcome {
    padding: 0 10px;
    line-height: 2.5em;
}

#upper_section {
    /* padding:2px 2px 0; */
}

#upper_section #inner_section {
    background: 0 0!important;
}

#inner_section {
    /* padding:12px 10px 2px; */
    /* border-radius:6px 6px 0 0; */
}

#inner_section::after {
    content: "";
    display: block;
    clear: both;
}

#inner_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #18191a;
    padding-bottom: 10px;
}

.user {
    padding: 0 4px 8px;
    font-size: .9em;
    white-space: nowrap;
}

.user:only-child {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.user time,.user .unread_links,.user .unread_links li {
    display: inline-block;
}

.user:not(:last-child) time:not(:last-child)::after,.user .unread_links li:not(:last-child)::after {
    content: " > ";
    margin: 0 1ch;
}

ul li.greeting {
    font-weight: 700;
}

#guest_form {
    overflow: hidden;
    font-size: .9em;
    margin-left: -2px;
}

#inner_wrap .news {
    padding: 0 0 8px 1ch;
    font-size: .9em;
    display: flex;
    align-items: baseline;
    max-width: 50%;
}

#inner_wrap .news h2 {
    line-height: initial;
}

#inner_wrap .news h2,#inner_wrap .news p {
    display: inline;
    padding-left: 1ch;
}

.navigate_section {
    padding: 0 0 10px 0;
    float: left;
    width: 100%;
}

#main_content_section .navigate_section {
    margin: 4px 0 0;
    padding: 0;
}

.navigate_section ul {
    margin: 4px 0 0;
    padding: 0 10px;
    font-size: .9em;
    overflow: hidden;
}

.navigate_section ul li {
    float: left;
    padding-bottom: 3px;
    line-height: 1.1em;
}

.navigate_section ul li a,.navigate_section ul li em {
    padding: 4px 0;
    margin-top: -4px;
    display: inline-block;
}

.navigate_section ul li span {
    display: inline-block;
    margin-top: 8px;
}

.navigate_section ul li .dividers {
    color: #fff;
    padding: 0 2px 0 6px;
}

.navigate_section ul li .board_moderators a {
    padding: 4px 0;
}

.navigate_section a:hover span {
    text-decoration: underline;
}

#content_section {
    margin: 0 auto;
    clear: both;
}

#main_content_section {
    /* padding: 5px 12px 16px; */
}

#main_content_section::after {
    content: "";
    display: block;
    clear: both;
}

#footerfix {
    flex: 1 0 auto;
}

#postbuttons_upper ul li a span {
    line-height: 19px;
    padding: 0 0 0 6px;
}

.mark_read {
    margin: -5px 0 16px;
    float: right;
}

.mark_read .buttonlist {
    margin: 0;
    padding: 0;
}

#index_common_stats {
    margin: -4px 8px 6px;
    padding: 4px 0 0;
    font-size: .9em;
    border-top: 1px solid #ddd;
}

.fix_rtl_names {
    display: inline-block;
}

.quickbuttons {
    margin: 0 0 5px;
    clear: right;
    float: right;
    text-align: right;
}

#recent .quickbuttons {
    margin: 0;
}

.quickbuttons>li {
    float: left;
    background: transparent !important;
}

.quickbuttons>li>a,.inline_mod_check {
    display: block;
    height: auto;
    padding: 3px 8px;
    border-radius: 0;
}

.quickbuttons>li:first-child>a {
    border-radius: 5px 0 0 5px;
}

.quickbuttons>li:last-child>a,.inline_mod_check:last-child {
    border-radius: 0 5px 5px 0;
}

.quickbuttons>li:only-child>a,.inline_mod_check:only-child {
    border-radius: 4px;
    margin: 2px;
    height: 23px;
}

.inline_mod_check input {
    position: relative;
    top: -1px;
    height: auto;
}

.quick_edit,.post_options {
    position: relative;
}

.post_options ul {
    display: none;
    position: absolute;
    top: 100%;
    right: -1px;
    z-index: 90;
    padding: 10px;
    background: #18191a !important;
    font-weight: 400;
    text-align: left;
    border-radius: 10px;
}

.post_options:hover ul {
    display: block;
}

.post_options ul a {
    display: block;
    width: 15em;
    padding: 3px 5px;
    text-decoration: none;
    border-radius: 5px;
}

.post_options ul a:hover,.post_options ul a:focus {
}

.quickbuttons ul li a:focus {
    margin: 0 -9910px 0 9910px;
}

.quickbuttons ul li:hover a:focus,.quickbuttons ul li a:focus {
    margin: 0;
}

#post_modify {
    border-radius: 4px;
}

#display_jump_to {
    padding: 5px 5px;
    border-radius: 10px;
    margin-bottom: 10px;
    float: right;
    font-size: 1em;
    background: #18191a;
}

#topic_icons #message_index_jump_to {
    padding: 0;
    float: right;
}

#display_jump_to_select,#message_index_jump_to_select,#search_jump_to_select,#quick_mod_jump_to_select {
    width: 29ch;
}

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

#post_event .roundframe {
    padding: 12px 12%;
    overflow: auto;
}

#post_event fieldset {
    padding: 6px;
    clear: both;
}

#post_event span.label {
    margin: 0 .5em 0 2px;
    min-width: 60px;
    display: inline-block;
}

.event_options {
    line-height: 25px;
    display: flex;
    flex-flow: row wrap;
}

.event_options div {
    min-height: 25px;
    margin-bottom: 5px;
    flex: 1 0 auto;
}

.event_options_left {
    box-sizing: border-box;
    width: 49%;
    padding-right: 1em;
    min-width: 238px;
}

.event_options_right {
    box-sizing: border-box;
    width: 50%;
    min-width: 270px;
}

.event_options_left div,.event_options_right div {
    white-space: nowrap;
}

#post_event #event_main input {
    margin: 0;
}

#event_time_input {
    clear: left;
}

#event_time_input input[type=text] {
    width: 100px;
    display: inline-block;
}

#post_event input[type=checkbox] {
    height: auto;
}

#post_event input[type=text][disabled] {
    color: transparent;
}

#post_event select,#event_options input[type=text],#tz {
    max-width: calc(100% - 75px);
}

#post_event select,#evtitle,#event_location {
    width: calc(100% - 75px);
}

#post_event input[type=checkbox]+select {
    max-width: calc(100% - 95px);
}

#readbuttons_top .pagelinks,#readbuttons .pagelinks {
    padding-bottom: 12px;
    width: 60%;
}

#readbuttons .pagelinks {
    padding-top: 12px;
}

#recent {
    clear: both;
}

.move_topic {
    width: 710px;
    margin: auto;
    text-align: left;
}

div.move_topic fieldset {
    margin-top: 1ex;
    padding: 6px;
}

#report_form dl.settings dt {
    width: 20%;
}

#report_form dl.settings dd {
    width: 79%;
}

#report_comment {
    width: 70%;
}

div#selected,div#not_selected {
    width: 49%;
}

ul.split_messages li a.split_icon {
    padding: 0 6px;
    opacity: .8;
}

ul.split_messages li a.split_icon:hover {
    opacity: 1;
}

.split_messages,.message_header {
    margin-bottom: 8px;
}

ul.merge_topics li {
    list-style-type: none;
}

dl.merge_topic dt {
    width: 25%;
}

dl.merge_topic dd {
    width: 74%;
}

fieldset.merge_options {
    clear: both;
}

.custom_subject {
    margin: 6px 0;
}

.login {
    width: 540px;
    max-width: 100%;
    margin: 0 auto;
}

.popup_content .login {
    width: 100%;
}

.login dl {
    overflow: auto;
    clear: right;
}

.login dt,.login dd {
    margin: 0 0 5px;
    width: 44%;
    padding: 1px;
}

.login dt {
    float: left;
    clear: both;
    text-align: right;
    font-weight: 700;
}

.login dd {
    width: 54%;
    float: right;
    text-align: left;
}

.login p {
    text-align: center;
}

.login input[type=submit] {
    margin: 1em 0 0 1em;
}

.login p:not(:last-of-type) input[type=submit] {
    margin-bottom: 1em;
}

#registration fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

#registration .roundframe {
    border-top: none;
}

dl.register_form {
    margin: 0;
    clear: right;
}

dl.register_form dt {
    font-weight: 400;
    float: left;
    clear: both;
    width: 50%;
    margin: 6px 0 0;
}

dl.register_form dt span {
    display: block;
}

dl.register_form dd {
    float: left;
    width: 49%;
    margin: 6px 0 0;
}

#confirm_buttons {
    text-align: center;
    padding: 12px 0;
}

.coppa_contact {
    padding: 4px;
    width: 32ex;
    background: #fff;
    color: #222;
    margin-left: 5ex;
    border: 1px solid #222;
}

.valid_input {
    background: #f5fff0;
}

.invalid_input {
    background: #fff0f0;
}

#maintenance_mode img.floatleft {
    margin-right: 12px;
}

#admin_content .custom_field {
    margin-bottom: 15px;
}

#admin_login .centertext {
    padding: 12px;
}

#admin_login .centertext .error {
    padding: 0 0 12px;
}

#admin_login .centertext a.help img,.custom_field a img {
    vertical-align: middle;
}

tr.windowbg td,tr.bg td,.table_grid tr td {
    padding: 4px 8px;
}

#credits p {
    font-style: italic;
}

.errorfile_table {
    background: #f0f4f7;
    border-collapse: collapse;
}

.errorfile_table .file_line {
    text-align: right;
    padding-right: 6px;
}

.errorfile_table td.current {
    font-weight: 700;
    border-top: 1px solid rgba(0,0,0,.2);
    border-bottom: 1px solid rgba(0,0,0,.2);
    border-width: 1px 0 1px 1px;
    background: rgba(245,141,15,.2);
}

.generic_menu {
    margin: 5px 0;
}

.main_icons::before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/icons/main_icons_sprite.png) no-repeat -5px -5px/260px auto;
    vertical-align: middle;
}

.main_icons.alerts::before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAoZJREFUeNqkU01oE0EYfbN/SdMk2002TWJtbSUg9FQrhYoo0oNKW7AiQg+Kgn9Hbx68eBXBgxcFPXlSQepde/LSi948eBEVwdgQmnaTzW52dnf8Jk1Dqke/5cEws+/N+97MMCEE7l7QUCnG2KtMkiGbYvhZj986HqwoEqdzaYZchmGwLj2KoMjBIJlKzq0MGbg3airbpK8R1mjucm9tX2ldxoBwLHAubU9cmV25OSdYsnS0UVVj7jU/vl/LKLxW01W8+3s3RNE+nJhZWJ3VkRpv1ut67ccXZTiumfMLZ46EIeZ4COyhL0ALg7CL5cliY2sL1V9VNFsRnKaPgp2xOUeegD30WzC0fg9qyxe6rieSjuOAKbstt9oRDFUkg1DoKutywn0tDNgqpTJ5neSIq0BTVUgNRYYUc5ZImYkwgk2AxEALogvOxVi+PDkiqA+yAYW2k2SVEHEfI/mC5Qc40AkAib6AiHdBDip2ebwQkYCqqWSDdR0wAu/4MK1ckYiH/wlRxExC9TuYrkzPjIdBQPYVMLoA0oH8OgHHxNTYlOthusOhdvhgBpGA64vjVvHQQdsulHkv4ijmYIzsC8APYmSziTEzl5twPTHPqeW+gNdBqe2xpZXrt84qhsH0bBZpOw/LzmF0tEDWLRjpLNSEzpYunlxs+2xZcvrHWN/GtdXbN5aNIbP07fsmmo4Lt+mi7TQofI8CjTFMb8PMqrCtVHnx/Pzy65cbO0R90BVwWmLzycNnnzNmrqFoQ8VYiK6zp8/vV9bX1/Hm1cZXeVMozEhw93fT2alSxpvyHyZf49VjjHKgMGVbEvLYY5yi0Z3efXlMWX5A775RLKA3gRefxK7A/9QfAQYA1bMigkEcbc0AAAAASUVORK5CYII=);
    background-size: 16px;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.66),screen and (min-resolution:160dpi) {
    .main_icons::before {
        background-image: url(../images/icons/main_icons_sprite_hd.png);
    }

    .main_icons.alerts::before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABIdJREFUeNq0VUtsG0UY/nfWXq/t+BU/GifxI06ckJC0SlK1hxaqIFSUVqqEoFWRIkCCwoED4gxIXOAIR6AIBBKIxxEqQRASHJACEpXaplEogaRAEVghiR3b8b5mh39217HXbQIXRvp27J2Z//vn+/6dERhj8PqTBDqbTgH8kgDRoABbOybgtPOKBg/WVTZvmvCORAQI+QUIyoAQ4BP5ftf6j1/+wuo98B9ad5DARs088+yLb5x75YWnExQJoCOnc8pXd1z7bwRHgMGM5IFkceiu6MI3l1bS/SPJm6s3PsexH3miiO/2C7AfwUP+UPfc9OzZ4fTgwYwo+bt0XRHGT5yERnWr+PvK0tjit/ODYGxfxLmX9iVATTtbCkB85PQTz8+Ek2MRXffDZmkZVpe+BJ/HhEQ8JI+MFrL5wlORz95+bZ1ScwHXbOxJEAsLrpf1Bkz3FA/3ROOpiKbLIHblwFurWGMmNUCtl2GnVIVYdjKSKY721/5cOhgOwNd7EmxW3C/RxHw6P5wwNQ2oWgJVVeCvX69DpaKAJDLokkUwsayMxgYk0309t366nqnW9pGIUtZJEO1O9QVNXQd9ew1W11YxeBnQcDBw7laVQjQkInkdIt2JkGFAmJF9CAx62w68Ptnv5eZgoqCpGhBBAAFrn4up68zyzaQ6eLweSTfAZ+5BYL9mbmBGSV8gKDGLgAEhBCEgCcDQkTmLjBNzPySfJCNB3EDCdrgI+MI2BKgphqOxeNhEJs7ICQS+A8Ta5Q9wJxgcCaihQzAYiBqmGMGJwT0laqiudwOJdCYkECKalFo7EEVikxA7I2IRMEsizFeMxLuj5fX1LP5ZvqNEHtICqjLQkx1IMjSYB7ckEp3gTR+wtzzg0BRIpFIHNJ3lKW6rCRcBmroLVYeJ7NDwAarrtj2sTSLiyEjA9gAfVFegtz/Vi+vGd0k7PWgbiGk6GSzePd5HVbW1Aydr1w6YXUlUVyFX6M1pulDABGPNRF0EktdGbQdmRienc7LfH6CORLbJPChYIE7Phzgo1UD2kUBxJDdQrcN9XnTV6+kgwAGOVHVHOHXi9KlDVFF2s+dB7AqyA4PTm45EpmnLdOyesSlcP2vFqd9O4CttwnP3zj4w1Z/pTxqNRhsBswh4a5YqZ7E9cLwwNOhNh5PHj49M8Tg8nqtM8aZ6ZuLo0ZNnLzw6yT+ugM/nyAMg42K51gWRWhgMpcq/YxAFijKY4OEQeRnj2SsK8PDcscm/ywpbunpzHSe+2jqLmCeXHx5K/bL883ZvJh2UJK/Y2FFgc2MbyngSVrbKeAdUwcCSJIKJXy9elX4C4TCBeMwDwYAAasOgpdJ2PT+YSl278lvOtQNN0z/68M33tzDpCUSmeXoIbf35x84UJw6NRhevLlfeu/jpirOetc1hqN4txCKaPN95oy1gdSzwQ5U1ozc7fu4AeUtTzGyhUIDL3y8pKMgVVP4CN8Ce00qEuK8WELjWjx8WsNzs+jVZi8CeIfJnH+IlxAjihvP7D2DOMewE5cHxo7c8efcH1iL4P9s/AgwA1IQ6EGfK5WcAAAAASUVORK5CYII=);
    }
}

.quickbuttons .main_icons::before,.button .main_icons::before {
    margin: -3px 3px 0 1px;
}

.main_icons.gender_None::before {
    background: 0 0;
}

.main_icons.gender_0::before {
    display: none;
}

.dropmenu .main_icons::before,#profile_menu .main_icons::before,.dropmenu img {
    margin: -3px 8px 0 0;
    vertical-align: middle;
}

.main_icons.help::before {
    background-position: -5px -5px;
}

.main_icons.search::before,.main_icons.engines::before {
    background-position: -31px -5px;
}

.main_icons.quick_edit_button::before,.main_icons.modify_button::before {
    background-position: -57px -5px;
}

.main_icons.check::before {
    background-position: -83px -5px;
}

.main_icons.invalid::before {
    background-position: -109px -5px;
}

.main_icons.gender_2::before {
    background-position: -135px -5px;
}

.main_icons.watch::before {
    background-position: -239px -5px;
}

.main_icons.move::before,.main_icons.next_page::before {
    background-position: -5px -31px;
}

.main_icons.general::before,.main_icons.boards::before,.main_icons.topics_views::before {
    background-position: -31px -31px;
}

.main_icons.gender_1::before {
    background-position: -57px -31px;
}

.main_icons.features::before {
    background-position: -83px -31px;
}

.main_icons.posters::before {
    background-position: -109px -31px;
}

.main_icons.replies::before,.main_icons.topics_replies::before {
    background-position: -135px -31px;
}

.main_icons.history::before,.main_icons.time_online::before,.main_icons.scheduled::before {
    background-position: -161px -31px;
}

.main_icons.views::before {
    background-position: -187px -31px;
}

.main_icons.last_post::before {
    background-position: -213px -31px;
}

.main_icons.starters::before,.main_icons.people::before,.main_icons.membergroups::before,.main_icons.mlist::before {
    background-position: -239px -31px;
}

.main_icons.poll::before {
    background-position: -5px -57px;
}

.main_icons.previous_page::before {
    background-position: -31px -57px;
}

.main_icons.inbox::before {
    background-position: -57px -57px;
}

.main_icons.www::before {
    background-position: -83px -57px;
}

.main_icons.exit::before,.main_icons.logout::before {
    background-position: -109px -57px;
}

.main_icons.switch::before {
    background-position: -135px -57px;
}

.main_icons.replied::before,.main_icons.send::before {
    background-position: -161px -57px;
}

.main_icons.im_on::before {
    background-position: -187px -57px;
}

.main_icons.im_off::before {
    background-position: -213px -57px;
}

.main_icons.split_desel::before {
    background-position: -239px -57px;
}

.main_icons.split_sel::before {
    background-position: -5px -83px;
}

.main_icons.mail::before {
    background-position: -31px -83px;
}

.main_icons.warning_mute::before {
    background-position: -57px -83px;
}

.main_icons.warn_button::before,.main_icons.warning_moderate::before {
    background-position: -83px -83px;
}

.main_icons.mail_new::before {
    background-position: -109px -83px;
}

.main_icons.drafts::before,.main_icons.reply_button::before,.main_icons.reply_all_button::before {
    background-position: -135px -83px;
}

.main_icons.warning_watch::before {
    background-position: -161px -83px;
}

.main_icons.calendar_export::before {
    background-position: -187px -83px;
}

.main_icons.calendar::before {
    background-position: -213px -83px;
}

.main_icons.calendar_modify::before {
    background-position: -239px -83px;
}

.main_icons.plus::before {
    background-position: -5px -109px;
}

.main_icons.warning::before,.main_icons.moderate::before {
    background-position: -31px -109px;
}

.main_icons.themes::before {
    background-position: -57px -109px;
}

.main_icons.support::before {
    background-position: -83px -109px;
}

.main_icons.liked_users::before,.main_icons.liked_messages::before,.main_icons.like::before {
    background-position: -109px -109px;
}

.main_icons.unlike::before {
    background-position: -135px -109px;
}

.main_icons.current_theme::before {
    background-position: -161px -109px;
}

.main_icons.stats::before {
    background-position: -187px -109px;
}

.main_icons.right_arrow::before {
    background-position: -213px -109px;
}

.main_icons.left_arrow::before {
    background-position: -239px -109px;
}

.main_icons.smiley::before {
    background-position: -5px -135px;
}

.main_icons.server::before {
    background-position: -31px -135px;
}

.main_icons.ban::before,.main_icons.ignore::before {
    background-position: -57px -135px;
}

.main_icons.boards::before {
    background-position: -83px -135px;
}

.main_icons.regcenter::before {
    background-position: -109px -135px;
}

.main_icons.posts::before {
    background-position: -135px -135px;
}

.main_icons.sort_down::before {
    background-position: -161px -135px;
}

.main_icons.change_menu2::before,.main_icons.sent::before {
    background-position: -187px -135px;
}

.main_icons.post_moderation_moderate::before {
    background-position: -213px -135px;
}

.main_icons.sort_up::before {
    background-position: -239px -135px;
}

.main_icons.post_moderation_deny::before {
    background-position: -5px -161px;
}

.main_icons.post_moderation_attach::before {
    background-position: -31px -161px;
}

.main_icons.post_moderation_allow::before {
    background-position: -57px -161px;
}

.main_icons.personal_message::before {
    background-position: -83px -161px;
}

.main_icons.permissions::before,.main_icons.login::before {
    background-position: -109px -161px;
}

.main_icons.paid::before {
    background-position: -135px -161px;
}

.main_icons.packages::before {
    background-position: -161px -161px;
}

.main_icons.filter::before {
    background-position: -187px -161px;
    margin: 0 5px 0 0;
}

.main_icons.change_menu::before {
    background-position: -213px -161px;
}

.main_icons.package_ops::before {
    background-position: -239px -161px;
}

.main_icons.reports::before {
    background-position: -5px -187px;
}

.main_icons.news::before {
    background-position: -31px -187px;
}

.main_icons.delete::before,.main_icons.hide_popup::before,.main_icons.prune::before,.main_icons.remove_button::before {
    background-position: -57px -187px;
}

.main_icons.modifications::before {
    background-position: -83px -187px;
}

.main_icons.maintain::before,.main_icons.admin::before {
    background-position: -109px -187px;
}

.main_icons.administration::before,.main_icons.home::before {
    background-position: -135px -187px;
}

.main_icons.frenemy::before {
    background-position: -161px -187px;
}

.main_icons.attachment::before {
    background-position: -187px -187px;
}

.main_icons.lock::before,.main_icons.security::before {
    background-position: -213px -187px;
}

.main_icons.error::before,.main_icons.disable::before {
    background-position: -239px -187px;
}

.main_icons.languages::before,.main_icons.recent_posts::before {
    background-position: -5px -213px;
}

.main_icons.members_request::before {
    background-position: -31px -213px;
}

.main_icons.members_delete::before {
    background-position: -57px -213px;
}

.main_icons.members::before {
    background-position: -83px -213px;
}

.main_icons.members_watched::before {
    background-position: -109px -213px;
}

.main_icons.sticky::before {
    background-position: -135px -213px;
}

.main_icons.corefeatures::before,.main_icons.settings::before,.main_icons.manrules::before,.main_icons.manlabels::before {
    background-position: -161px -213px;
}

.main_icons.calendar::before {
    background-position: -187px -213px;
}

.main_icons.logs::before {
    background-position: -213px -213px;
}

.main_icons.valid::before {
    background-position: -239px -213px;
}

.main_icons.approve::before,.main_icons.enable::before,.main_icons.approve_button::before,.main_icons.read_button::before {
    background-position: -5px -239px;
}

.main_icons.close::before {
    background-position: -31px -239px;
}

.main_icons.details::before {
    background-position: -57px -239px;
}

.main_icons.merge::before {
    background-position: -83px -239px;
}

.main_icons.folder::before {
    background-position: -109px -239px;
}

.main_icons.restore_button::before {
    background-position: -135px -239px;
}

.main_icons.split_button::before {
    background-position: -161px -239px;
}

.main_icons.unapprove_button::before,.main_icons.unread_button::before {
    background-position: -187px -239px;
}

.main_icons.quote::before,.main_icons.quote_selected::before {
    background-position: -213px -239px;
}

.main_icons.notify_button::before {
    background-position: -239px -239px;
}

.main_icons.select_above::before {
    background-position: -161px -5px;
}

.main_icons.select_here::before {
    background-position: -187px -5px;
}

.main_icons.select_below::before {
    background-position: -213px -5px;
}

#fatal_error {
    width: 80%;
    margin: 0 auto 10px;
}

.errorbox::before,.noticebox::before,.infobox::before {
    width: 16px;
    height: 16px;
    background: url(../images/icons/main_icons_sprite.png) no-repeat -57px -83px;
    left: 10px;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.errorbox,.noticebox,.infobox {
    padding: 10px 10px 10px 35px;
    margin-bottom: 10px;
    position: relative;
}

.errorbox {
    background-color: #18191a;
    border-radius: 10px;
    box-shadow: inset 0 0 0 2px #b82626;
}

.errorbox h3 {
    padding: 0;
    margin: 0;
    font-size: 1.1em;
    text-decoration: underline;
}

.errorbox p {
    margin: 12px 0 0;
}

.errorbox p.alert {
    padding: 0;
    margin: 0 4px 0 0;
    float: left;
    width: 12px;
    font-size: 1.5em;
}

.errorbox span {
    text-decoration: underline;
}

.noticebox::before {
    background-position: -83px -83px;
}

.infobox::before {
    background-position: -161px -83px;
}

.noticebox {
    background: #18191a;
    border-radius: 10px;
    box-shadow: inset 0 0 0 2px #b0ac00;
}

.infobox {
    background: #18191a;
    border-radius: 10px;
    box-shadow: inset 0 0 0 2px #41a317;
}

.descbox {
    padding: 7px 10px;
    border: 1px solid #c5c5c5;
    margin: 6px 0;
}

.generic_bar,.progress_bar {
    background: #18191a;
    min-height: 16px;
    line-height: 1.4em;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.generic_bar span,.progress_bar span {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 0 5px;
}

.generic_bar .bar,.progress_bar .bar {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    background: black;
    transition: width .3s;
    border-radius: 1px;
    display: block;
}

.generic_bar.vertical {
    width: 15px;
}

.generic_bar.vertical .bar {
    right: 0;
    top: auto;
}

.progress_bar {
    border-radius: 4px;
    text-align: center;
    font-weight: 700;
    color: rgba(0,0,0,.8);
}

.progress_bar .bar {
    background-color: #75da41;
    background-size: 30px 30px;
    background-image: linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress_yellow .bar {
    background-color: #f6c51c;
}

.progress_green .bar {
    background-color: #75da41;
}

.progress_red .bar {
    background-color: #f45d4c;
}

.progress_blue .bar {
    background-color: #34c2e3;
}

dl {
    overflow: auto;
}

#basicinfo {
    width: 20%;
    float: left;
}

#detailedinfo {
    width: 100%;
}

#basicinfo>* {
    margin-bottom: 3px;
}

#basicinfo h4 {
    font-weight: 400;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

#basicinfo h4 span.position {
    font-size: .8em;
    display: block;
}

#basicinfo img.avatar,dl.settings img.avatar {
    display: block;
    max-width: 160px;
    height: auto!important;
}

#basicinfo ul {
    list-style-type: none;
}

#basicinfo .icon_fields li {
    display: block;
    float: left;
    margin-right: 5px;
    height: 20px;
}

#basicinfo #userstatus {
    display: block;
    clear: both;
}

#basicinfo #userstatus img {
    vertical-align: middle;
}

#detailedinfo dl,#tracking dl {
    clear: right;
    overflow: auto;
    margin: 0 0 18px;
    padding: 0 0 15px;
    border-bottom: 1px #242526 solid;
}

#detailedinfo dt,#tracking dt {
    width: 35%;
    margin: 0 0 3px;
    font-weight: 700;
}

#detailedinfo dd,#tracking dd {
    width: 65%;
    float: left;
    margin: 0 0 3px;
}

#detailedinfo .noborder {
    border-bottom: 0;
}

#detailedinfo dt.clear {
    width: 100%;
}

#personal_picture {
    display: block;
    margin-bottom: 4px;
}

#avatar_server_stored div {
    float: left;
}

#avatar_upload {
    overflow: auto;
}

#smileypr {
    margin-left: 10px;
}

.edit_avatar_img {
    margin: 0 0 1em;
}

#activitytime {
    margin: 6px 0;
}

.activity_stats {
    margin: 10px 0;
}

.activity_stats li {
    width: 4.16%;
    float: left;
    text-align: center;
}

.activity_stats li span {
    display: block;
    border-left: none;
    border-right: none;
    background: #000;
}

.activity_stats li.last span {
    border-right: none;
}

.activity_stats li .generic_bar {
    height: 100px;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0 auto;
}

.activity_stats li .generic_bar span {
    position: absolute;
    top: -1000em;
    left: -1000em;
}

.profile_pie {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA0gAAAAoCAMAAADzJSouAAABCFBMVEVHcExFdqdHeKpPfa04bKA2a6FLeqsubJRFdaePr9BCdKZDdKeJqsxDdKZDdKc/c6VMfK1EdahEdqhEdaczZpk5cqo2aqBKeapCc6ZDdKeBpMhCdKdnkLpIeapDdadQgbFTgbBslLxFd6hulr41ap85baFXhLI9cKVJeKlxlr9airk5ap6sxd6vx+CwyeGqw91UhbOyyeKtxd+owty0y+Otxt9Ofq5VhrVhkb+pwt1Zibdjk8BairiuxuBfjrxnlsOyyuJRgrFQgbCnwdtcjLpYiLZXh7VTg7Jbi7lgkL1djbpPgK9Mfa1fj7xllMGat9VKe6xllcGlwNtpmMSWtNNejruuxt94ncRU++KOAAAALHRSTlMAq/PiExzjAsX+86b82Ihg9pvtuQoEONhlj/rU7fu1++bt9+41Nubi3+7/OmAQfeAAAAnqSURBVHja7d0Be5JqGwdwdeVEcXNYbdPN1U5Fp9eUWkcckqYKCKg4xPH9v8kLoArwPHDX8TS38d+1XVN/3Y/uuW+rTEilvDn831Hu9MDKae7ozWEKG9dlSyWqeg5zxR27h1o3cc/dFWkrxcj5eHmS/dtofHfyxfj708nLaKfJi0VnJGYKEDcGOmi9EbPjeol7bM5o/+l16bfLhZve8orGzMeL9Eftuy/Gx/SLKKdN3ZqjUhniFmOgA9az1q3t8v4l7pE5e5B2UK9WuoOtm+0ufFlmUfNxlg2MkVM6exzhNKtwz07bhLneKAN1Z4lLXIwj2ruolxn1ug2Ao5e9VVxlf1HoYD+/Tv/1MzxH379+fZd+jXXaurQMdL1e56oGcjOg61yVgfUS9+QcIf/7euWrjtVFlfh1Sz1kSv6+f5Ujw0NkfVghc69wTlNWc0TAnJ2lCXM9rpq4xEU6zyD9br2qcOd0cOy6wh0yvTvG28+vc8RPbIjca4zTRm41GehsasKclXEV5nig+5y4J+ZIGeeqJqxelXevmxIx63J32HDbfk6lyZ8RIdMYp41mdroEzNmRv8KclY4EczOxBnNCOXFPyX0nZYwrC0sCUq8mbK6MXlec4dNhNn16/O5rZN4do5027jiBuk5HacKcFblbBzkrV2eJe46OnKLd2ZXVaUR8PdutMtai1i11IlNa9emLg0bkHDUa2RdIp322y4yMDYx0WxrrrHRnDZBzZi6TuOfogoO0dhnZ7jUytp7jVulFOLqNnaG280m7/wqeNhoxMdJIp31uW5kBXbutVGDOytKEOTdsDea4cuKekCOnSFfmnAsjMqZejdte0+Gb+HWDV28jOx9tzunTlx8bsXn7EuUM+57wBsy129MezFkZkzDn1uVMkLNSStzjdSXyi99VumgnuxdGlZh63omYmlhHYebHmSH3Im3/H4cTI36QjBOUMwRZlmdAJ8vKPzAny5vhjHF2urz5DeKciIXEPVZXEBXFP0qVJdqtL43M6Hq+q8Y/cPcvdG04gtV/h9kGIJ8OEc4Qp1NOg7mAjHDT5VgHOSdC7xbkVskk7rG6TNfqdu8ofa0oQba03XTd3lPejKhHdTfOjlJpoB09BYQ+TL356wsg7z4gnCF2uzOg645JmOuOlFuQs8N1dJDb5Cpxj9VdOd98Vir3a2cqeOeGX8TV8wTjSl1AqA+pIwIySMQRwhniUtBgbjk2YW7Jz+5Bzqay9uUe4DxhzhO3X+68SzTjHXt+zrjfdfn1KDXMEcqx3stju5vQ67KBq3gC/TjYJSDMUSrXhAxSM4dwBju6gzlFUe5hjjOB9RReNkDOF6GYuP1yVUEQuouKHueKwuYCP3ZHyRxFOzucNUlx9VaR0Y9jrAAyzqVOf4ByinAGK+owN+J0mBNImBtxSgXkgqESt1+Osr8qnDiemdq3OLeKPUqWNccxzqHyt9h6bkQS5YojSD4XUwf+B3uPyQHCGcwC6AQC5jgD6HizDnHjUDKJ2y+X2X4vCnKPbMY7O3YHmON4Z8kuwUCctT7K0WNQ6NTBP6AcIJzR0mFuYMJcH1yvDnKqFEoGuS4fCtJJiUO4OtDpJMpl/JdZUblbABzPCxzDQxzPSaB6PM+gHM2DEjNI3zZBNuoM6ASY029gbngLczdGOFmEa1YWMsdyPM9tg2qsZk9cbU2M43iQ00WY2zRqjDMFmJvC7p/GQVydlEWsq+saUTEXs5mscKLAohyioUWo42GOE2COR9WLHKStswbpGygHCFevg1xdv4HVg667a+f8uUMzZ0uG8TQC4hfXDU7k/EE6XeA4gLvvciBnSCB3v+Qgrm6KEPejgmJBZ8wEJOMylKzwAsNIDPr2bUNzoDyYo2GOTp3CGvD0XzjUwJ3+gXV/2Q0JUxYkRrBCIV29aTq3boN0dUMUBIAzWQHijL4AcTojQBzJCgDXXKCq+Z1mcpKACUUJoOy9K8JcMZUb1gEZ5p6Fa1qfemXRFdUqzmljRtxGwjjSi2xXRDk9oDD1jL4YcuF6TZMVAU5jRDHWNXUOyTxuaCqSiI1ULEbc6nPMfrscC3K51BEBaUD7Bc9n5JqVCFdh2E0GOGd6kO3OkW7JBoKsZwzYkEPU41k23g1Flo13BMNGuibZYXBk5c49d1oUYQ5a70+6IxXi1KPUm3f+p2T0x8X75+PsRDq9KzFu2JLfeYrM1saOGHBr6YxblHOY4e6lx7GIelp/talRrrncDjjW3fqfBULOmIkSy4SaKeBauKZ7ZI6CDBL1PnX4qR5oIlQ+HVounj0J11w7HGzWSdEdE4lyHIpZLetJwK2l7p02u14eVc9QmWBW9bbTVq8vGER8zkYSw8Q5fYlBrqNE/M2bx2E7hgG5PMAxD+hoiKMPU6kTohkb4iRxvgzd33DUAt4Nxe3PGesU/36oyHWJ0CCh6gmI/Q24W7KP7gOvIyIGxXaFAcNITHQcp8b332NwJ614Nzmx39j3Nr6xnDfOJc7X3UJfkq6jnM5sXgbGOnPgf7kY6YxW6GXlsDMGEuLlZ7/TJEw8zuxL+DguI8XGcdfx7hroMg/p6HjnvLEvlY59iiYKiQvlxuy3ahHu9saQ+m7wTl+TKEe0+v6oCDfrhxNwOtNHZ+uG8qCPj+vKaj8mK9cCOnW/XXoS5+YF9+An2ZvbyAxXByFJnD8aFePI/sCOmsc7ZbANzhH2TsY5cbWpEW7sHRKk08RQcyFcHjVsKKcC3WC/HR0zR4PVwU9Sxxc3kbk4Ttxvuaap2htyiXcr4QbjmsRk4MvlWdgR6iCUgFsMMFm7s4/9QVTW9+/scvBn3dnDumMq2lGbA4CnK1H9Uikk7nddr6Wq81qE0wfqOi2cI+aqNxOUk9VQAq6iYrJ15Ykaka2rAV35ibj0dZTLFDyHLCax7TIkvYcYTtyvuaEyaVWj3FBprTLBuVti3vIE6YZSK5iAMwYtdLyuOmlh85xd7tIzOAF36TlkcepVDvucWvEf9D5xv+KGt3qrGu3MyXrfsM43SHOkI0MdEXQSpl/8rjpvJQ7187vGuWtvH9inrbjQh4joF4XXifsvna5OrMwva3hHzCebYNxyEkjQ1S4nyARdGeh2XW/fXZpCO8q/v/bfqLJEuA+I8AnEErdjx9v7kY9y20GaY5w+8G8vyuXn4TZAuDOwm+zYzffaHdOIkbsMnWjMObXfW3fr9HWIt4UXifuP3dCcz69rkY6Yr4J1lbkvaFe7nsxhbv4grrznLk1f+tkljdpf52Szny7IdReQFxEnY07cDl0+zrmDdJnHnySY8mxxhCvkd+tO8g+z7kO5E5raOgp3Mmbn9OcfjnKn2YOD7Gnu6H3UadIT9wddNp+niucxrkjl8zt05w9Ub9/dUa5IWymG9u3/WGmw8yCFXGwAAAAASUVORK5CYII=);
    background-size: auto 20px;
    float: left;
    height: 20px;
    width: 20px;
    margin: 0 12px 0 0;
    text-indent: -1000em;
}

.topic .time {
    float: right;
}

.counter {
    padding: 5px 6px 1px 2px;
    font-size: 2.2em;
    font-weight: 700;
    color: #3f3f3f;
    float: left;
}

.topic_details {
    padding: 0 4px 4px;
}

.counter+.topic_details {
    margin-left: 25px;
}

.list_posts {
    border-top: 1px solid #18191a;
    padding-top: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    clear: both;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
}

.topic h4 {
    margin: 3px 0;
}

.topic .post {
    margin: 0 12px;
    min-height: 80px;
    height: auto!important;
    height: 80px;
}

.topic .mod_icons {
    text-align: right;
    margin-right: 12px;
}

#creator dt {
    width: 40%;
}

#creator dd {
    width: 55%;
    margin: 0 0 10px 2px;
}

.centericon {
    vertical-align: middle;
}

.sizefix {
    width: 16px;
    height: 16px;
}

.boardslist>ul>li {
    margin: 12px;
}

.boardslist>ul>li>ul {
    columns: 2 250px;
}

.boardslist>ul>li>ul>li {
    break-inside: avoid;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.boardslist a {
    font-weight: 700;
    border-bottom: 1px solid #c4c4c4;
    display: block;
    margin-bottom: .5em;
}

.boardslist a:hover {
    text-decoration: none;
    border-bottom: 1px solid #346;
}

.boardslist label {
    display: inline-block;
    text-indent: -3ch;
    margin: 0 3ch;
}

#theme_settings {
    overflow: auto;
    margin: 0;
    padding: 0;
}

#theme_settings li {
    margin: 10px 0;
    padding: 0;
}

#paid_subscription {
    width: 100%;
}

#paid_subscription dl.settings {
    margin-bottom: 0;
}

#paid_subscription dl.settings dd,#paid_subscription dl.settings dt {
    margin-bottom: 4px;
}

#pick_theme {
    width: 100%;
    float: left;
}

#pick_theme .selected {
    background: #cddbe6;
}

#preview_signature,#preview_signature_display {
    width: 100%;
    overflow: hidden;
}

#warn_body {
    width: 100%;
    font-size: .9em;
}

#warn_temp {
    font-size: smaller;
}

.warning_level {
    text-align: center;
    font-weight: 700;
    max-width: 250px;
}

.warning_level.none .bar {
    background-color: #75da41;
}

.warning_level.watched .bar {
    background-color: #ffd800;
}

.warning_level.moderated .bar {
    background-color: orange;
}

.warning_level.muted .bar {
    background-color: #f45d4c;
}

#statistics .roundframe {
    margin: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

dl.stats dt {
    width: 50%;
    float: left;
    margin: 0 0 4px;
    line-height: 1.5em;
    clear: both;
    font-size: 1em;
    overflow: hidden;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

dl.stats dd {
    width: 48%;
    font-size: 1em;
    float: left;
    margin: 0 0 4px 2%;
}

dl.stats {
    padding: 5px;
}

#stats td,#stats th {
    width: 15%;
    padding: 4px;
    text-align: center;
}

#stats tr.windowbg th.lefttext {
    text-align: left;
}

#stats tr.windowbg th.stats_month {
    width: 25%;
    padding: 0 2em;
    text-align: left;
}

#stats tr.windowbg td.stats_day {
    padding: 0 3.5em;
    text-align: left;
}

#personal_messages h3 span#author,#personal_messages h3 span#topic_title {
    float: left;
}

#personal_messages h3 span#author {
    margin: 0 0 0 6px;
}

#personal_messages h3 span#topic_title {
    margin: 0 0 0 9em;
}

#personal_messages div.labels {
    padding: 0 12px 0 0;
}

#personal_messages .capacity_bar {
    background: #f0f4f7;
    display: block;
    margin: 6px 0 0 12px;
    height: 12px;
    border: 1px solid #adadad;
    width: 10em;
}

#personal_messages .capacity_bar span {
    border-right: 1px solid #adadad;
    display: block;
    height: 12px;
}

#personal_messages .capacity_bar span.empty {
    background: #a6d69d;
}

#personal_messages .capacity_bar span.filled {
    background: #eea800;
}

#personal_messages .capacity_bar span.full {
    background: #f10909;
}

#personal_messages .reportlinks {
    padding: 6px 1.3em;
}

#personal_messages .pm_inline_time {
    display: none;
}

#search_labels li {
    padding: 4px 6px;
}

#manrules div.righttext {
    padding: 4px 1px;
}

dl.addrules dt.floatleft {
    width: 15em;
    color: #333;
    padding: 0 15px 6px;
}

#addrule fieldset {
    clear: both;
}

#to_item_list_container div,#bcc_item_list_container div {
    float: left;
    margin-right: 10px;
}

.unread_pm {
    background: #cfc;
}

#alerts .alert_inline_time {
    display: none;
}

#alerts .quickbuttons {
    display: flex;
    margin: 4px 0;
}

#alerts .quickbuttons li,#alerts .alert_time {
    white-space: nowrap;
}

#alerts .alert_image {
    width: 65px;
    padding: 6px 0;
    text-align: center;
    vertical-align: middle;
}

#alerts .alert_image>div {
    position: relative;
}

#alerts .alert_image .avatar {
    max-width: 80%;
    max-height: 80%;
    margin-top: 4px;
    vertical-align: bottom;
    width: 50px;
    height: 50px;
}

#alerts .alert_image span.alert_icon {
    display: block;
    width: 100%;
    line-height: 1em;
}

#alerts .alert_image .avatar+.alert_icon {
    width: auto;
    position: absolute;
    right: 0;
    top: 0;
}

#mlist_search {
    margin: auto;
    max-width: 500px;
}

#mlist .selected {
    white-space: nowrap;
}

#mlist .is_online {
    width: 60px;
}

#mlist .email_address {
    width: 25px;
}

#mlist .website_url {
    width: 70px;
}

#mlist .icq,#mlist .skype {
    width: 30px;
}

#mlist .post_count {
    width: 115px;
}

#searchform fieldset {
    text-align: left;
    padding: 0;
    border: none;
}

#searchform .roundframe {
    border-radius: 0;
    margin: 0;
    padding: 32px;
}

#searchform .alt {
    border-top: 0;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

#searchform p.clear {
    clear: both;
}

#advanced_search {
    text-align: center!important;
}

#advanced_search dl#search_options {
    margin: 0 auto;
    width: 600px;
    padding-top: 12px;
    overflow: hidden;
}

#advanced_search dt {
    padding: 2px;
    text-align: right;
    width: 20%;
}

#advanced_search dd {
    width: 75%;
    float: left;
    padding: 2px;
    margin: 0 0 0 6px;
    text-align: left;
}

#search_results {
    margin-bottom: 5px;
}

#help_container {
    padding: 0 0 8px;
}

#helpmain {
    margin: 12px 0 0;
    padding: 8px 20px 12px;
    border: 1px solid #ddd;
    border-radius: 7px;
    overflow: auto;
}

#helpmain p {
    margin: 10px 0;
    line-height: 1.5em;
}

#helpmain ul {
    line-height: 2em;
    margin: 0 0 0 25px;
}

#helpmain ul li {
    list-style-type: disc;
}

#helpmain ul li a {
    font-weight: 700;
}

.tooltip {
    position: absolute;
    z-index: 999;
    left: -9999px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 350px;
    padding: 6px 9px;
    color: #333;
    background: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
}

.popup_container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 90%);
    z-index: 15;
}

#genericmenu>.popup_container {
    z-index: 5;
}

#adm_submenus>.popup_container {
    z-index: 4;
}

.popup_window,#main_menu .popup_window,#genericmenu .popup_window,#adm_submenus .popup_window {
    position: relative;
    width: auto;
    z-index: 99;
    border-radius: 10px;
    margin: 0 auto;
    padding: 0;
}

.popup_window {
    top: 15%;
    width: 480px;
    padding: 0 10px 10px 10px;
    background: #242526 !important;
}

.popup_heading {
    padding: 10px 5px;
}

.popup_content {
    line-height: 1.6em;
    max-height: 30em;
    overflow: auto;
    padding: 10px;
    border-radius: 10px;
    background: #18191a;
}

#main_menu .popup_heading,#genericmenu .popup_heading,#adm_submenus .popup_heading {
    display: none;
}

#main_menu .popup_container,#genericmenu>.popup_container,#adm_submenus>.popup_container {
    display: block;
    position: relative;
    background: 0 0;
    margin: 0;
    height: auto;
}

.main_icons.hide_popup {
    float: right;
}

.popup_heading .icon {
    vertical-align: middle;
    margin: -4px 4px 0 0;
}

.generic_list_wrapper,.windowbg,.approvebg,.approvebg2 {
    margin: 10px 0 0;
    padding: 10px;
    overflow: auto;
    position: relative;
}

.windowbg:target {
    background: #ea4335;
    border-radius: 15px;
}

tr.windowbg:hover {
}

#forumposts .windowbg,#forumposts .approvebg,#forumposts .approvebg2,#pmFolder .windowbg {
    overflow: visible;
}

.windowbg.locked {
    background: #18191a;
    border-left: 3px solid #b82626;
}

.windowbg.sticky {
    background: #18191a;
    border-left: 3px solid #41a317;
}

.windowbg.sticky.locked {
    background: #18191a;
    border-left: 3px solid #b0ac00;
}

.windowbg.approvetopic {
    background: #e4a17c;
}

.windowbg.approvepost {
    background: #ffcbcb;
}

.generic_list_wrapper .additional_row {
    margin: 0;
    padding: 5px 0;
    border-radius: 0;
}

.generic_list_wrapper table.table_grid {
    border-bottom: 1px solid #aaa;
}

div#editlang_desc {
    margin-bottom: 8px;
}

.topic_details .smalltext {
    font-size: .9em;
}

.table_grid tr.windowbg td.centercol {
    text-align: center;
}

tr.windowbg {
    box-shadow: none;
}

#postmodify #message {
    width: 100%;
}

#postmodify .lastedit {
    font-weight: 700;
}

.approvebg {
    color: #222;
    background: #ffeaea;
}

.approvebg2 {
    color: #222;
    background: #fff2f2;
}

div#manage_boards dl dd textarea[name=desc] {
    margin-top: 1px;
}

.bold_text {
    font-weight: 700;
}

.infolinks {
    display: block;
}

#groups .windowbg {
    box-shadow: none;
    border-radius: 0;
    border-top: 0;
    margin: 0;
}

#groups .padding {
    margin: 0 0 25px;
}

.groupmembership textarea {
    width: 100%;
}

.groupmembership .righttext {
    margin-top: 1ex;
}

.boardindex_table:not(:last-child) {
    margin-bottom: 15px;
}

h3 .collapse {
    float: right;
    margin: 4px 4px 0 0;
}

.board_icon a {
    background: url(../images/boardicons.png) no-repeat 0 0/90px;
    display: inline-block;
    width: 45px;
    height: 45px;
}

.board_icon a.board_on2 {
    background-position: -45px 0;
}

.board_icon a.board_off {
    background-position: 0 -45px;
}

.board_icon a.board_redirect {
    background-position: -45px -45px;
}

.board_icon {
    text-align: center;
    padding: 8px 0 0;
    width: 60px;
    flex-shrink: 0;
}

.boardindex_table .board_icon {
    width: 80px;
    /* padding: 10px; */
    /* background: red; */
}

.boardindex_table .info {
    width: calc(55% - 80px);
    border-left: 2px solid #3e3e3e;
    padding-left: 7px;
}

.boardindex_table .board_stats {
    padding: 13px 10px 10px;
}

.info {
    overflow: hidden;
    overflow-wrap: break-word;
    padding: 5px 5px 5px 0;
    flex-grow: 1;
}

.info .subject {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.board_stats {
    width: 15%;
    font-size: .9em;
    margin: 0 0 0 auto;
    text-align: center;
}


.lastpost {
    display: flex;
    align-self: center;
    align-items: center;
    grid-gap: 10px;
    width: 30%;
    font-size: .9em;
    padding-top: 3px;
}

.lastpost img.avatar {
    float:left;
    width: 40px;
    height: 40px;
    border-radius:50%;
    border: 1px solid #ccc;
    overflow: hidden;
}
.lastpost p
{
    width: 80%;
}

.board_icon,.info,.board_stats {
    display: inline-block;
    align-self: center;
}

.main_container {
    margin-bottom: 20px;
}

.up_contain {
    background: #18191a;
    overflow: hidden;
    margin: 0 0 10px;
    display: flex;
    flex-wrap: wrap;
    border-radius: 10px;
}

.children {
    padding: 5px;
    width: 100%;
    margin-left: 75px;
}

.children p {
    border-top: 2px solid #242526;
    padding-top: 4px;
    font-size: .9em;
    display: grid;
    grid-gap: 7px;
    grid-template-columns: repeat(4, 1fr);
    border-left: 4px solid #ff3535;
    padding-left: 5px;
}

.children span::after {
    content: " ";
}

.children span:last-of-type::after {
    content: "";
}

p.moderators {
    font-size: 11px;
}

span.postby {
    display: block;
}

#info_center {
    clear: both;
    background: #18191a;
}

#info_center .sub_bar:first-child {
    border-top: none;
}

#upshrink_stats {
    margin-top: 4px;
}

#ic_recentposts {
    line-height: 1.6em;
    width: 97%;
    margin: 5px 0 5px 15px;
    font-size: .9em;
}

#ic_recentposts th {
    text-align: left;
    padding: 0 4px 0 0;
}

#ic_recentposts td {
    padding: 0 4px 0 0;
    vertical-align: top;
}

#ic_recentposts tr:first-child td {
    border-top: none;
}

#ic_recentposts .recentpost strong {
    width: 40%;
}

#ic_recentposts .recentposter {
    width: 15%;
}

#ic_recentposts .recentboard {
    width: 20%;
}

#ic_recentposts .recenttime {
    width: 25%;
    text-align: right;
}

#ic_recentposts .recenttime strong {
}

#ic_recentposts .windowbg {
    background: 0 0;
}

#upshrink_stats p.inline {
    border: none;
    margin: 0;
    padding: 5px 15px 5px 15px;
    line-height: 1.6em;
    font-size: .9em;
}

#upshrink_stats p.inline span {
    margin: 0;
    padding: 4px 0 0;
}

#upshrink_stats span.membergroups {
    display: block;
}

#description_board,.filter_row {
    padding: 8px 10px;
    border-radius: 6px 6px 0 0;
    border-bottom: none;
    box-shadow: none;
}

#description_board h3,#description_board div {
    display: inline-block;
}

#description_board h3::after {
    content: " - ";
}

#topic_header {
    margin: 0;
    border-radius: 0;
    display: flex;
    padding: 5px 0;
    border-bottom: 1px solid #18191a;
}

#topic_header div {
    padding: 0;
}

#topic_header input {
    margin-top: 5px!important;
}

#topic_container .windowbg {
    border-top: none;
    display: flex;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

#topic_container .lastpost,#topic_header .lastpost {
    width: 20%;
}

#topic_container .lastpost,#topic_container .board_stats {
    flex-shrink: 0;
}

.icon img,.moderation input {
    margin-top: 15px;
}

.moderation {
    display: inline-block;
    width: 35px;
    flex-shrink: 0;
    vertical-align: middle;
    text-align: center;
}

#quick_actions {
    margin: 6px 0;
}

#topic_icons::before {
    display: block;
    height: 8px;
    clear: both;
    content: "";
}

#topic_icons .information {
    font-size: .9em;
    border-radius: 10px;
    margin-bottom: 0;
}

#topic_icons p {
    padding: 0 12px 0 4px;
    line-height: 2em;
}

#topic_icons .floatleft img:first-child {
    padding: 0 2px;
}

#poll {
    overflow: hidden;
}

#poll_options ul.options li {
    padding: 6px 0 6px 25px;
}

#poll_options dl.options {
    padding: 12px 0 12px 25px;
    line-height: 1.4em;
}

#poll_options dl.options dt {
    padding: 4px 0;
    width: 30%;
    max-width: 30em;
    float: left;
    clear: left;
}

#poll_options dl.options .voted {
    font-weight: 700;
}

#poll_options dl.options dd {
    width: 60%;
    max-width: 45em;
    float: left;
    margin: 0 0 4px;
    text-align: right;
}

#poll_options p {
    margin: 0 18px 2px;
    padding: 0 6px 6px;
}

div#pollmoderation {
    overflow: auto;
}

#edit_poll dl.poll_options dt {
    width: 33%;
}

#edit_poll dl.poll_options dd {
    width: 65%;
}

.event_title {
    font-size: larger;
    vertical-align: middle;
}

.event_title+a {
    margin-left: 1em;
}

#forumposts {
    clear: both;
    margin: 8px 0 0;
}

#forumposts .cat_bar {
    margin: 0 0 -4px;
}

#forumposts .catbg img {
    margin: 0 4px -2px 0;
}

#forumposts .catbg span {
    white-space: pre;
    font-size: .818em;
    font-weight: 400;
    padding: 2px 0;
}

.post_wrapper::after {
    content: "";
    display: block;
    clear: both;
}

.poster {
    /* width: 185px; */
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
    background: #18191a;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 3px solid #18191a;
}

.solpostbit {
    display: flex;
    gap: 10px;
    align-items: center;
}

.postbitavatar {
    position: relative;
    width: 120px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.postbitavatarimg {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    object-fit: cover;
}

.postbitonlinedurum {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 5px solid #e73237;
}

.postbitawards {
    padding: 10px;
    width: 200px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
    background: rgb(0 0 0/0.4);
    backdrop-filter: blur(10px);
}

.postbitkisidetay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

.postbitkisidetay_isim {
    padding: 10px;
    width: 200px;
    border-radius: 10px;
    color: red;
    background: rgb(0 0 0/0.4);
    backdrop-filter: blur(10px);
}

.postbitkisidetay span {
    padding: 10px;
    width: 200px;
    height: 32px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
    background: rgb(0 0 0/0.4);
    backdrop-filter: blur(10px);
    font-family: 'Bebas Neue', sans-serif;
    font-size: 15px;
    transition: transform 0.3s ease;
    padding-top: 13px;
}

.postbitkisidetay i {
    display: flex;
    width: fit-content;
    height: fit-content;
    font-size: 16px;
}

.sagpostbit {
    display: flex;
    gap: 10px;
    padding: 10px;
    border-radius: 10px;
    width: 360px;
    background: rgb(0 0 0/0.4);
    backdrop-filter: blur(10px);
}

.postbitkarakteravatar {
}

.postbitkarakterimg {
    width: 80px;
    height: 80px;
    border-radius: 5px;
}

.postbitkarakterdetay {
    display: flex;
    flex-direction: column;
    width: 250px;
    font-size: 11px;
    justify-content: space-between;
}

.postbitiyebol {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.postbitkaraktername {
    font-size: 13px;
}

.postbitiyebol a {
    color: #fff;
}

.postbitiyebol span {
}

.postbitiyebol p {
}

.postbitorta {
    display: flex;
    gap: 10px;
    padding: 10px;
    border-radius: 10px;
    background: rgb(0 0 0/0.4);
    backdrop-filter: blur(10px);
}

.postbitsosyal {
    display: flex;
    gap: 10px;
    flex-direction: row;
    flex-wrap: wrap;
    width: 174px;
}

.postbitsosyal a {
    background: #18191a;
    width: 36px;
    height: 35px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.postbitsosyal i {
    width: max-content;
    height: max-content;
    font-size: 16px;
}

.poster h4 {
    font-size: 1.2em;
}

.poster h4,.poster h4 a,.poster li:hover h4 a,.poster h4 a:hover .poster li h4 a,.poster h4 a:focus {
    margin: 0;
    padding: 0;
}

.poster .profile .profile_icons li,.poster .im_icons li {
    display: table-cell;
    padding-right: 5px;
}

.user_info>li {
    margin: 5px 0 0;
}

.poster li.membergroup {
    /* font-weight: 700; */
}

.poster li.icons, .poster li.title, .poster li.profile, .poster li.postcount, .poster li.blurb {
    display: none;
}

.poster li.poster_online,.poster li.poster_online:hover {
    padding: 1px;
    margin: 3px 10px;
}

.poster li.poster_online a {
    color: #c06002;
    line-height: 1.6em;
}

.poster li.poster_online:hover,.poster li.poster_online:hover a {
    text-decoration: underline;
}

.poster li.warning a img {
    vertical-align: bottom;
    padding: 0 2px;
}

.poster img {
    vertical-align: middle;
}

img.avatar {
    object-fit: cover;
}

.poster img.avatar {
    max-width: 100%;
    border-radius: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.postarea,.moderatorbar {
    margin: 0;
}

.postarea div.flow_hidden {
    width: 100%;
}

.moderatorbar {
    clear: right;
}

.messageicon {
    display: inline-block;
}

.messageicon img,#iconList img {
    vertical-align: middle;
    display: none;
}

.keyinfo .postinfo {
    padding: 10px 5px;
    margin-bottom: 5px;
    margin-top: 10px;
    border-radius: 10px;
    font-size: .9em;
    font-weight: 700;
    background: #18191a;
    /* width: 83%; */
    /* display: flex; */
    /* float: right; */
}

.keyinfo .postinfo::after,.under_message::after {
    content: "";
    clear: right;
    display: block;
}

.keyinfo .postinfo a,.keyinfo .postinfo a strong {
    font-weight: normal;
}

.keyinfo .postinfo .spacer {
    flex: 1 1 auto;
}

.keyinfo .postinfo .modified {
    font-weight: 100;
    padding: 0px 5px 0 0;
}

#personal_messages .keyinfo .postinfo {
    flex-direction: column;
    align-items: flex-start;
    font-weight: 400;
}

#reason::before {
    content: " - ";
}

.subject_title a {
    font-size: .9em;
    color: #333;
    font-weight: 700;
}

.subject_hidden a {
    display: none;
}

.page_number {
    padding: 9px 10px 0px 0;
    /* line-height: 1.5em; */
}

.inner {
    padding: 5px;
    margin: 0;
    min-height: 85px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

img.smiley {
    vertical-align: bottom;
}

.attachments {
    padding: 12px 0 0;
}

.attached {
    padding: 0 6px 8px;
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
}

.attachments_top {
    margin: 0 auto;
    text-align: center;
}

.attachments hr {
    clear: both;
    margin: 12px 0;
}

.show_on_hover:hover span {
    display: none;
}

.show_on_hover:hover:before {
    content: attr(data-hover);
}

#forumposts .post_separator {
    display: none;
}

.nextlinks {
    text-transform: capitalize;
}

#quickreply {
    clear: both;
}

#quickreply_options .roundframe {
    margin: 0;
    /* padding: 8px 10% 12px; */
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: none;
}

#quickReplyExpand {
    float: right;
    margin: 2px 2px 0;
}

form#postmodify .roundframe {
    padding: 12px 12%;
    margin: 12px 0 0;
}

#post_header {
    padding: 6px;
    overflow: hidden;
}

#post_header dt {
    float: left;
    padding: 0;
    width: 15%;
    margin: 6px 0 0;
    font-weight: 700;
}

#post_header dd {
    float: left;
    padding: 0;
    width: 83%;
    margin: 4px 0;
}

#post_header img {
    vertical-align: middle;
}

ul.post_options {
    margin: 0 0 0 12px;
    padding: 0;
    overflow: hidden;
}

ul.post_options li {
    margin: 2px 0;
    width: 49%;
    float: left;
}

#post_additional_options_header {
    margin-top: .5em;
}

#post_additional_options {
    overflow: hidden;
}

#post_additional_options .progress_bar {
    height: 22px;
}

#post_settings,#postAttachment,#postAttachment2,#attachment_previews {
    padding: 10px 0;
}

#postAttachment dd,#postAttachment2 dd {
    margin: 4px 0;
}

#postAttachment dd {
    width: 45%;
    float: left;
}

#postAttachment dt,#postAttachment2 dt {
    font-weight: 700;
}

#post_draft_options {
    background: #fdfdfd;
    border: 1px solid #aaa;
    border-left: 1px solid #bbb;
    border-top: none;
    border-radius: 0 0 4px 4px;
}

#post_draft_options .settings dd,#post_draft_options .settings dt {
    width: 50%;
    border-top: 1px solid #e4e4e4;
    padding: 5px 10px;
    margin: 0;
}

#post_draft_options .settings dd:first-of-type,#post_draft_options .settings dt:first-child {
    border-top: none;
}

#post_draft_options .settings strong {
}

#post_confirm_buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

#post_confirm_buttons,#shortcuts {
    padding: 5px 5px;
    background: #18191a;
    border-radius: 10px;
    margin-top: 10px;
}

#post_confirm_buttons .smalltext {
    flex: 1;
    word-break: break-word;
    margin: 0 5px 0 0;
    line-height: 18px;
}

#post_confirm_buttons .post_button_container {
    vertical-align: top;
}

#post_confirm_buttons .padding {
    flex: 1 100%;
}

.post_verification {
    margin-top: 6px;
}

.post_verification #verification_control {
    margin: 4px 0 4px 12px;
}

#bbcBox_message {
    margin: 10px 6px;
}

#bbcBox_message div {
    margin: 2px 0;
    vertical-align: top;
}

#bbcBox_message div img {
    margin: 0 1px 0 0;
    vertical-align: top;
}

#bbcBox_message select {
    margin: 0 2px;
}

#smileyBox_message {
    margin: 6px;
}

.signature,.attachments,.under_message,.custom_fields_above_signature,.custom_fields_below_signature {
    width: 100%;
    overflow: auto;
    clear: right;
    padding: 12px 0 3px;
    border-top: 1px solid #bfbfbf;
    line-height: 1.4em;
    font-size: .9em;
}

.under_message {
    overflow: visible;
    border: none;
    box-shadow: none;
}

.smflikebutton {
    margin-top: 4px;
}

.like_count,.smflikebutton:last-child {
    margin-bottom: 4px;
}

.edit_event {
    margin: 0 10px;
    vertical-align: top;
}

#moderationbuttons {
    float: left;
}

#moderationbuttons_strip {
    float: left;
    margin: 4px 0;
}

#moderationbuttons ul li {
    padding: 0 6px 4px 0;
    margin: 0;
}

.errorfile_table {
    font-family: monospace;
    border-spacing: 1px;
}

.post_wrapper {
    /* min-height: 300px; */
    background: #2a2b2c;
    padding: 10px;
    border-radius: 10px;
}

.errorfile_table td {
    background: #fbfbfb;
}

.errorfile_table .current {
    background: #fbc6c6;
}

.errorfile_table .file_line.current {
    background: #fb9090;
}

.errorfile_table .file_line {
    background: #ececec;
}

div.cat_bar {
    background: #000000;
    padding: 0;
    border-radius: 10px;
}

.cat_bar.collapsed,.cat_bar.cat_bar_round {
    border-radius: 10px;
}

.cat_bar h3 {
    padding: 10px;
}

.cat_bar .desc {
    color: #fff;
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 400;
    margin: -8px 0 4px 8px;
}

.cat_bar .desc a {
    color: #fff;
    font-weight: 600;
}

h3.catbg {
    overflow: hidden;
}

h3.catbg,h3.catbg a,h3.catbg a:hover {
    color: #fff;
}

h3.catbg a:hover {
    text-decoration: none;
}

h3.catbg .main_icons::before,h3.catbg .icon {
    margin: 0 5px 0 0;
}

.cat_bar+.windowbg,.cat_bar+.roundframe {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.cat_bar+.title_bar {
    margin-top: 0;
}

.roundframe {
    margin: 10px 0 0;
    padding: 10px;
    /* background: #18191a; */
    border-radius: 10px;
    overflow: auto;
}

.title_bar {
    /* background: #18191a; */
    border-radius: 10px;
}

.sub_bar {
    text-shadow: none;
    background: 0 0;
    clear: both;
}

h3.titlebg,h4.titlebg,.titlebg,h3.subbg,h4.subbg,.subbg {
    background: #000;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px;
    text-shadow: none;
}

.titlebg a,.subbg a {
    background: 0 0;
    text-decoration: none;
}

.title_bar+.windowbg,.title_bar+.roundframe {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.information {
    overflow: auto;
    background: #18191a;
    padding-bottom: .5em;
    border-top: none;
    border-radius: 10px;
    margin: 0 0 10px;
    padding: 10px;
}

.generic_list_wrapper .information div {
    background: 0 0;
}

.information a:not(.button) {
    /* font-weight: 700; */
}

p.information img {
    vertical-align: middle;
}

#messageindex .information {
    border-radius: 0;
    margin: 0;
}

.topic_pages {
    font-size: .75em;
    margin: 0 0 0 5px;
}

.topic_pages::before {
    content: "\00ab ";
}

.topic_pages::after {
    content: " \00bb";
}

.atwho-view {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    margin-top: 18px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    min-width: 120px;
    z-index: 11110!important;
}

.atwho-view .cur {
    background: #36f;
    color: #fff;
}

.atwho-view .cur small {
    color: #fff;
}

.atwho-view strong {
    color: #36f;
}

.atwho-view .cur strong {
    color: #fff;
    font-weight: 700;
}

.atwho-view ul {
    list-style: none;
    padding: 0;
    margin: auto;
}

.atwho-view ul li {
    display: block;
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

.atwho-view small {
    font-size: smaller;
    font-weight: 400;
}

.on,.off {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid transparent;
    vertical-align: middle;
}

.on {
    background: #89e75a;
    border-color: #74d246;
}

.off {
    background: #a7a2a2;
    border-color: #969292;
}

#userstatus .smalltext {
    margin: 0 0 0 5px!important;
}

@media print {
    #headerarea {
        display: none;
    }

    .tborder {
        border: none;
    }
}

.action_who #upper_show {
    margin-top: 6px;
}

.action_who #lower_pagesection {
    margin-top: 4px;
}

.action_who #lower_pagelinks {
    margin-top: -4px;
}

.action_who select {
    margin-top: -1px!important;
}

span.member.hidden {
    font-style: italic;
}

h3.profile_hd::before {
    vertical-align: middle;
}

h3.profile_hd::before,.main_icons.profile_hd::before {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADfklEQVR42sWQfUzMcRzH7/v7+ZNhTMloNuGPOP3hRvNHKam7iEMrKs4cy9CDhywqJQ91rEZ1PVxPdHdcJHWnmUoyzx22High5RJHxzU6svv4fv7ot1pns7s23+217z6f9+fzfv9+X95/P7MImUgJpZyjXMIb63ExdyFkEuVUkKdn+5Hdu38ej42FOKn0p8/ixS20X03xdShgJiHbhAJBZ+LevRAfGQmHpFKIlUggXCSyerm7d1I92qEAZ/okkSEhQ7uCgyFMJILNAQEg9vYGlSwGxF5eQ6g7FOBESFOovz8UHg2HH015HEMtpRCwbBmgbrd53homWDCd6L35fBh8poCBh9kcWK/08ADUcc6uAHkgU7HHd97rJa6uMPAoB0x3MzmwFri5Aeo4Z1dAtogp0Gdv6REvdwdTYwYY69I5sMY+6jhnV8B5IeN0TkiKKbq+myesvTWpMAzW2Ecd53j2nswA4pThTy40F+0y9VQlQff1RMAba+yjznP0yPzIqpxN05r1csnXzssHf+ONNfZ543VSvHmvlJGLID9sDuCN9bgYs5LbS9ntDfHHvHhN77XJMAzW2EfdPuOttwTsttoEl+j7Cqm6tzU3NxeM9TIOuVwOO5SGVpeoewqcw/l/Mw7XTWAjavY572ko2Vrytk3x7BeoO6wgU9bDwIMsjvSyOlC+tEK+3gIRRW/acB73cP/v5mFVzmxYdfLCQ43azLvfoOCpBeSPLVD4fAgSKntAo9FwHL3WTfVfkPXgBw0ZhIxGEyw82KjFffQZax5yZeqE0Ksyv7Qn+rMNX0BW3w9ptSa6+B0w4EjFO7BYLBzxV7sAA87cNsPpW/2QXoc7n8Ev7bEefdBvdMAmVbhHXO2dkzf74PiNPkit+TQq4HD5GzCbzRxxmtcjA+jOR0jR9dK9D4A+6Dc6ICg/V1rY8jmhshuSqgxjAg6oO8BoNHLsV7WPCUi8/p4+3TtAH/QbHSDM0EaVvRzEp7AVEFP2AgwGA0f0xTabAfh06IN+I/1ns76pOZ5x1R0xqg6LrYCoC63Q1dXFsa+0xWZAtLLdgj6sTzL+gRsXQKbOXUGbclaYqWUCs6qZtXkVZF3hZSIuLSMblMW8jZcUfD5/5zC8jeoiIr5YStYXq5iggnJmjbySCTyvo1+uY1cm5ZMprqtHBkymzKC4UuZTFjgIGs+mTEPzPzqnvjG+ly3qAAAAAElFTkSuQmCC) no-repeat;
    height: 24px;
    width: 24px;
    display: inline-block;
}

.main_icons.profile_sm::before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFXpUWHRBdXRob3IAAHjaC0gtSq4EAAW+AgT0/P20AAABVUlEQVQoz2NgIAEwSjEyIjgMDOJAKg+IFYH4PhBPevr//0uYPDMPkuL/DAytBqamsa7e3sZ/GRg0Xj5/LviFgWEHTJ7lL6pNNg0FXhI6apIMV25JSfhEn7NBlmRxUEVw7r9l4NLXlmP4/fMnA4iWF2LgevUWSbGtCsIZtioMO+9dPCMuIiUv9PjZw3dx5ow7T2/7j1BcwL+GgYGJGcjiYlD+e20J6+4JgVpG1kLXzh39PFmofwkDQz5cMRPCkv/GP0WNKr5++8mmqKLCAKJBfOb4Xcbw0GDSDQcFmrkkP0ttdax54DchE96vDLwM71SieD3cLLXOXnkg+VU15N7/yyueMjH8/srA8OtzQaavnu/3778ZXrPKMfj6+oLpb99+MeQFGfmC5MFuZvj+DuSESxPmrVcTFRHmeveD5eGl+TnrLstlBgpzXJR/9ebtV4bvPy4xkAoAE8p3+S8J5/IAAAAASUVORK5CYII=) no-repeat;
}

.xx {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAYAAABrXO8xAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFXpUWHRBdXRob3IAAHjaC0gtSq4EAAW+AgT0/P20AAAB/klEQVQ4y6VTQWsTQRh9s9ltemhIcmm1UjAkoiTm1F4tGPXooSB47q2/oYcW2ovgVWzPhd70apGCXjw3W/CW0gTq0SSUTZOS3Z34vi/JSntRdOCb2fn2vXnv+2YX+MdhXm1twRjzks93/4D9Yq09+7i7qxt3NBqBsXiwvb0/jGOEEtYiHucV5Ps+Do6PN0SI0ZCcYwlkGCvgMNQYXl9jcHWFXq+HIAh0/bCzs0/cs7XNzQdKjElkGDnK4eylUpj1PMy4LlzHkTLQ6XTw7vAQtXJ573u9/lqtiqJwhPTt5ETt5XI59Pt9PCqVgChCrVbTfCaTwWff7zaOjuBGY6KRk0sEimUB5fN5VdZBcsS8PtKdKsZMKpFTs9lUtXa7reTzSYOy2SwGgwGq1SqIv0FUq09XVlTRFgqwJEj8YH1ClnyKGOIdJUYTohxz9mlpfLmy400svThPXEjN9xYW6PomUWt8v3cH6+sW5dWHCC9/apeLxWJSs8cuR4lV3ttU8XGlgVN/BqEXIOgM8aRg0Gq1kE6nNe5TkfhbVnn6xttAHGpto0mNU0Wp0WiDb1vl9LVe13q63a6ucvHSUSFKjYX5+d9W5dOSVabny8uJkiqzu9P9VJF4xbqXPJ0jnfwu1JamCMFMVvFm5fNjEK9Yt09FvryYq1Te/NV/6DgX+J/xCz3TPPmO1vJrAAAAAElFTkSuQmCC) 2px no-repeat;
    padding: 25px 6px 25px 18px;
}

.dropmenu li ul,.top_menu,.dropmenu li li:hover,.button,.dropmenu li li:hover>a,.dropmenu li li a:focus,.dropmenu li li a:hover,#top_section,.quickbuttons>li,.quickbuttons li ul,.quickbuttons li ul li a:hover,.quickbuttons ul li a:focus,.inline_mod_check,.popup_window,#inner_section,.post_options ul,.post_options ul a:hover,.post_options ul a:focus,.notify_dropdown a:hover,.notify_dropdown a:focus {
    background: #242526;
}

.button:hover,#search_form .button:hover,.quickbuttons li:hover {
    background: transparent;
}

.notify_dropdown strong {
    font-size: 1.1em;
}

.notify_dropdown a {
    display: block;
    padding: .5em;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 3px;
}

.notify_dropdown a:hover,.notify_dropdown a:focus {
    border-color: #ddd;
}

.notify_dropdown span {
    font-size: .9em;
}

#display_head {
    clear: both;
    margin: 0 0 20px;
}

#display_head p {
    /* color: #959595; */
    margin-top: 5px;
}

#display_head span {
    margin: 0 0 0;
}

.display_title {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 5px;
    line-height: 1.05em;
    overflow-wrap: break-word;
}

#reported_posts .main_icons,#reported_members .main_icons {
    margin: -3px 1px 0 0;
}

#reported_posts .quickbuttons li a,#reported_members .quickbuttons li a {
    background: 0 0;
}

.red,.meaction,.error,.alert,.warn_mute {
    color: red;
}

.blue {
    color: blue;
}

.green {
    color: green;
}

.hidden {
    display: none;
}

.inline_block {
    display: inline-block;
}

.block {
    display: block;
    margin: 0 0 5px;
}

.stripes:nth-of-type(even) {
    background-color: #f2f2f2;
}

.stripes:nth-of-type(odd) {
    background-color: #f0f4f7;
}

.alternative {
    background-color: #f2f2f2;
}

.alternative2 {
    background-color: #e8edf0;
}

.centerbox {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.dz-image-preview {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
}

#attachment_previews {
    display: none;
}

#attachment_previews div.descbox>div,#attachment_previews div.errorbox>div,#attachment_previews div.infobox>div {
    padding: 10px;
}

#attachment_previews .attach-preview {
    flex: 0 0 auto;
    width: 170px;
}

#attachment_previews .attachment_info {
    flex: 1 1 auto;
    width: 250px;
}

#attachment_previews .attach-ui {
    min-height: 36px;
    padding: 10px 0;
    float: right;
}

input[name=attachBBC] {
    width: 100%;
    margin-top: 10px;
}

.attachment_info .progress_bar,.attachment_info .attached_BBC,a#attach_cancel_all,a#attach_upload_all,.attach-ui {
    display: none;
}

.attachment_info .progress_bar {
    margin: 6px 0;
}

.attached_BBC_width_height label {
    min-width: 100px;
    display: inline-block;
}

.attached_BBC_width,.attached_BBC_height {
    margin: 10px 1em 0 0;
    display: inline-block;
}

.attachment_info input[type=number] {
    width: 5em;
}

#attachment_upload {
    min-height: 50px;
}

#drop_zone_ui {
    display: none;
}

#total_progress {
    width: 50%;
    display: none;
}

#max_files_progress,#max_files_progress_text {
    display: none;
}

.mobile_buttons,.mobile_display {
    display: none;
}

.tfacode {
    background: #d0e7f8;
    padding: 5px;
    display: inline-block;
}

.tfa_qrcode {
    padding: 6% 8%;
}

.tfa_qrcode img {
    width: 140px;
}

.noup {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0 0 10px!important;
}

.information.noup {
    border-radius: 0;
    margin: 0!important;
    border-bottom: none;
}

.windowbg.noup {
    box-shadow: none;
}

.g-recaptcha {
    display: inline-block;
}

.collapsed {
    opacity: .5;
    transition: 1s;
}

.collapsed:hover {
    opacity: 1;
}

tr[id^=list_news_lists_] textarea {
    width: 100%;
    resize: vertical;
    min-height: 100px;
}

iframe {
    width: 100%;
}

.videocontainer {
    /* max-width: 560px; */
    border-radius: 10px;
    overflow: hidden;
}

.centertext .videocontainer,.justifytext .videocontainer {
    margin: 0 auto;
}

.righttext .videocontainer {
    margin: 0 0 0 auto;
}

.lefttext .videocontainer {
    margin: 0 auto 0 0;
}

.videocontainer>div {
    position: relative;
    padding-bottom: 56.25%;
}

.videocontainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
}

.videocontainer video {
    object-fit: contain;
    background: #000;
    max-width: 100%;
}

.backtrace:not(:last-child) {
    padding-bottom: .5em;
    border-bottom: 1px solid #ddd;
    margin-bottom: .5em;
}

.word_break {
    word-break: break-all;
}

div.sceditor-container:not(.sceditor-maximize) {
    z-index: 4;
}

#attach_current_directory {
    word-break: break-word;
}

img.theme_thumbnail {
    max-width: 250px;
}

#lang_main_files_list .name,#member_list .email,#approve_list .email {
    word-break: break-word;
}

.scrollable:focus {
    outline: 0;
}

.scrollable .viewport {
    position: relative;
    overflow: hidden;
}

.scrollable .viewport .overview {
    width: 100%;
    position: absolute;
}

.scrollable .scroll-bar {
    display: none;
}

.scrollable .scroll-bar.vertical {
    position: absolute;
    right: 0;
    height: 100%;
}

.scrollable .scroll-bar.horizontal {
    position: relative;
    width: 100%;
}

.scrollable .scroll-bar .thumb {
    position: absolute;
}

.scrollable .scroll-bar.vertical .thumb {
    width: 100%;
    min-height: 10px;
}

.scrollable .scroll-bar.horizontal .thumb {
    height: 100%;
    min-width: 10px;
    left: 0;
}

.not-selectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.scrollable.default-skin {
    padding-right: 10px;
    padding-bottom: 6px;
}

.scrollable.default-skin .scroll-bar.vertical {
    width: 6px;
}

.scrollable.default-skin .scroll-bar.horizontal {
    height: 6px;
}

.scrollable.default-skin .scroll-bar .thumb {
    background-color: #000;
    opacity: .4;
    border-radius: 3px;
}

.scrollable.default-skin .scroll-bar:hover .thumb {
    opacity: .6;
}

.scrollable.gray-skin {
    padding-right: 17px;
}

.scrollable.gray-skin .scroll-bar {
    border: 1px solid gray;
    background-color: #d3d3d3;
}

.scrollable.gray-skin .scroll-bar .thumb {
    background-color: gray;
}

.scrollable.gray-skin .scroll-bar:hover .thumb {
    background-color: #000;
}

.scrollable.gray-skin .scroll-bar.vertical {
    width: 10px;
}

.scrollable.gray-skin .scroll-bar.horizontal {
    height: 10px;
    margin-top: 2px;
}

.scrollable.modern-skin {
    padding-right: 17px;
}

.scrollable.modern-skin .scroll-bar {
    border: 1px solid gray;
    border-radius: 4px;
}

.scrollable.modern-skin .scroll-bar .thumb {
    background-color: #95aabf;
    border-radius: 4px;
    border: 1px solid #536984;
}

.scrollable.modern-skin .scroll-bar.vertical .thumb {
    width: 8px;
    background: -webkit-linear-gradient(left,#95aabf 0%,#547092 100%);
    background: linear-gradient(to right,#95aabf 0%,#547092 100%);
}

.scrollable.modern-skin .scroll-bar.horizontal .thumb {
    height: 8px;
    background-image: linear-gradient(#95aabf,#547092);
    background-image: -webkit-linear-gradient(#95aabf,#547092);
}

.scrollable.modern-skin .scroll-bar.vertical {
    width: 10px;
}

.scrollable.modern-skin .scroll-bar.horizontal {
    height: 10px;
    margin-top: 2px;
}

@media(min-width: 856px) and (max-width:1024px) {
    .lastpost {
        width: 20%;
        margin: 3px 0 0 5px;
    }

    #alerts .alert_time {
        display: none;
    }

    #alerts .alert_inline_time {
        display: block;
    }
}

@media(min-width: 721px) and (max-width:855px) {
    .lastpost {
        margin: 0 0 0 20px;
    }

    .board_stats {
        display: none;
    }

    #alerts .alert_time {
        display: none;
    }

    #alerts .alert_inline_time {
        display: block;
    }
}

@media(max-width: 855px) {
    #profile_menu_top .textmenu,#pm_menu_top .textmenu,#alerts_menu_top .textmenu {
        display: none;
    }

    #pm_menu_top .main_icons,#alerts_menu_top .main_icons {
        display: inline-block;
    }

    #member_list .ip,#member_list .last_active,#member_list .user_name {
        display: none!important;
    }
}

@media(min-width: 720px) and (max-width:799px) {
    #top_info .welcome {
        display: none;
    }

    #event_time_options {
        width: 44%;
    }

    #event_title {
        padding: 0;
    }

    #evtitle {
        width: 98%;
    }

    .event_options_left,.event_options_right {
        display: block;
        max-width: unset;
        width: unset;
    }

    #event_title input[type=text] {
        width: 100%;
    }

    #post_event #event_board select {
        width: calc(100% - 90px);
        max-width: unset;
    }
}

@media screen and (max-width: 720px) {
    #list_integration_hooks th#header_list_integration_hooks_function_name,#list_integration_hooks td.function_name,#list_integration_hooks th#header_list_integration_hooks_remove,#list_integration_hooks td.remove {
        display: none;
    }

    .moderationbuttons_check {
        display: none;
    }

    .moderationbuttons_mobile_check {
        display: inline-block;
    }

    #mobile_action .button,#mobile_moderation .button,#mobile_action .top_menu {
        width: 100%;
        margin: 0;
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        text-indent: 5px;
    }

    #mobile_action .button,#mobile_moderation .button {
        line-height: 2.8em;
        height: auto;
    }

    #mobile_action .notify_dropdown {
        top: 0!important;
        left: 0!important;
        position: relative;
    }

    #mobile_action .top_menu {
        padding: 0;
        margin: 0 auto;
    }

    #mobile_action .notify_dropdown a {
        border-bottom: 1px solid #999;
    }

    #mobile_action .notify_dropdown a:last-of-type {
        border-bottom: none;
    }

    #mobile_action .notify_dropdown span {
        display: none;
    }

    .mobile_buttons {
        margin: 5px 0;
    }

    .mobile_buttons .button {
        margin: 0;
    }

    .pagesection .buttonlist,#moderationbuttons {
        display: none;
    }

    .mobile_buttons {
        display: block;
    }

    #top_info {
        padding: 5px;
    }

    .infolinks {
        display: inline-block;
        margin: 5px 7px 0 0;
    }

    #registration .field_icons {
        float: left;
        margin: 5px 0 0 3px;
    }

    dl.register_form dt span {
        display: inline;
    }

    #quick_actions {
        display: flex;
        justify-content: flex-end;
    }

    #quick_actions>* {
        flex: 0 1 auto;
        margin: 0 5px 0 0;
        max-width: 40%;
        white-space: nowrap;
    }

    #quick_actions>.button.qaction {
        flex: 0 0 auto;
        margin: 0!important;
    }

    .quickbuttons li:hover ul {
        display: none;
    }

    .action_home {
        width: 100%!important;
    }

    #wrapper {
        border-left: 0;
        border-right: 0;
        border-radius: 0;
    }

    #top_section .inner_wrap,#wrapper,#header,#footer .inner_wrap {
        width: 100%;
    }

    #upper_section,#inner_section,#content_section {
        border-radius: 0;
    }

    #boardindex_table .stats {
        display: none;
    }

    .login {
        width: 100%;
    }

    #inner_wrap {
        flex-flow: row wrap;
    }

    #inner_wrap .user,#inner_wrap .news {
        width: auto;
        max-width: initial;
    }

    #languages_form {
        padding-right: 10px;
    }

    .board_stats {
        display: none;
    }

    .info {
        width: calc(100% - 65px);
    }

    .lastpost {
        width: 100%;
        padding: 0;
        display: block;
        min-height: 2em;
    }

    .up_contain .lastpost {
        border-top: 1px solid #ddd;
        min-height: initial;
    }

    .lastpost p {
        margin: 5px;
    }

    span.postby {
        display: inline-block;
    }

    #ic_recentposts {
        margin: 0;
        width: 100%;
    }

    #upshrink_stats p.inline,#upshrink_stats p.last {
        padding: 5px;
    }

    #messageindex .board_icon,#messageindex .lastpost {
        display: none;
    }

    #messageindex .info {
        padding: 8px 10px;
    }

    .info_block {
        display: block;
        width: 95%;
    }

    .moderation a {
        padding: 3px;
    }

    #topic_container .moderation .main_icons {
        display: none;
    }

    #unread .board_icon,#unread .lastpost,#unreadreplies .board_icon,#unreadreplies .lastpost {
        display: none;
    }

    #unread .info,#unreadreplies .info {
        padding-left: 5px;
    }

    .poster {
        float: none;
        width: auto;
        position: relative;
    }

    .postarea {
        margin: 0;
    }

    .inner {
        padding: 1em 2px;
    }

    .moderatorbar {
        margin: 0;
    }

    .keyinfo {
        padding-top: 5px;
        margin-top: 5px;
        clear: both;
    }

    .keyinfo .postinfo {
        font-weight: 400;
    }

    .keyinfo .postinfo .smalltext,.keyinfo .page_number {
        opacity: .6;
    }

    .keyinfo .postinfo a.smalltext:hover {
        opacity: 1;
    }

    img.icon,#forumposts .catbg img {
        display: none;
    }

    .poster h4 {
        display: inline-block;
    }

    .user_info {
        display: inline;
    }

    .user_info li,.custom_fields_above_member {
        display: none;
    }

    .user_info li.title,.user_info li.membergroup {
        display: inline-block;
        font-weight: 400;
    }

    .user_info li::before {
   content: "";
        padding: 0 1ch 0 .5ch;
    }

    .like_count,.smflikebutton:last-child {
        margin-bottom: 8px;
    }

    .button.mobile {
        margin: 0 0 5px;
    }

    .pagelinks {
        margin: 0;
    }

    #admin_content .content {
        padding: 0;
    }

    #creator dt {
        width: 33%;
    }

    #creator dd {
        width: 65%;
    }

    #basicinfo,#detailedinfo {
        width: 100%;
    }

    #basicinfo {
        margin: 0 0 5px;
    }

    #edit_buddies .buddy_custom_fields {
        display: none;
    }

    #personal_messages .pm_time,#personal_messages .pm_from_to {
        display: none;
    }

    #personal_messages .pm_inline_time {
        display: block;
    }

    #alerts .alert_text,#alerts .alert_time,#alerts .alert_buttons {
        display: block;
    }

    #alerts .alert_time {
        float: left;
    }

    #alerts .alert_text {
        margin: 11px 0 0;
    }

    #alerts .alert_buttons .quickbuttons {
        margin: 0 0 11px;
        display: block;
    }

    #alerts .alert_image {
        width: 60px;
    }

    form#postmodify .roundframe,#post_event .roundframe {
        padding: 5px;
    }

    #post_header input {
        width: 100%;
    }

    #post_confirm_buttons .smalltext {
        display: none;
    }

    ul.post_options {
        padding: 0;
        margin: 0;
    }

    ul.post_options li {
        margin: 2px 5px 0 0;
        width: 48%;
    }

    #searchform .roundframe {
        padding: 5px;
    }

    #advanced_search dt {
        text-align: left;
        width: 100%;
        float: left;
    }

    #advanced_search dd {
        width: auto;
    }

    #advanced_search dl#search_options {
        width: 100%;
    }

    input#searchfor,input#userspec {
        width: 75%;
    }

    #inner_wrap.hide_720,#inner_wrap time,#inner_wrap .news,#search_form,#smflogo,#message_index_jump_to,.nextlinks,#display_jump_to,#siteslogan,th.id_group,th.registered,th.posts,th.reg_group,th.reg_date,td.reg_group,td.reg_date,td.id_group,td.registered,td.posts:not(.unique),td.statsbar.posts,#approve_list .ip,#approve_list .date_registered,#group_members .date_registered,#main_content_section .navigate_section,.time,#header_custom_profile_fields_field_type,#header_custom_profile_fields_active,#header_custom_profile_fields_placement,#custom_profile_fields .active,#custom_profile_fields .field_type,#custom_profile_fields .placement {
        display: none!important;
    }

    #topic_notification_list .last_post,#topic_notification_list .started_by,#request_list .time_applied,#file_list .date,#ban_list .notes,#ban_list .reason,#ban_log .email,#mail_queue .priority,#attachments .posted {
        display: none;
    }

    .admin_search {
        float: none;
    }

    .table_grid.half_content {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .table_grid select {
        max-width: 85vw;
    }

    #private,#enclose {
        width: 95%;
    }

    #language_list .character_set {
        display: none;
    }

    .hide_720 {
        display: none;
    }

    .block_720 {
        display: block;
    }

    .inlineblock_720 {
        display: inline-block;
    }
}

@media(min-width: 561px) {
    #mobile_user_menu.popup_container {
        display: block!important;
    }

    div[id^=mobile_generic_menu_].popup_container {
        display: block!important;
    }

    #main_menu .popup_window,#genericmenu .popup_window,#adm_submenus .popup_window {
        box-shadow: none;
        border-width: 0;
        background: 0 0;
    }
}

@media(max-width: 560px) {
    #main_menu .popup_container,#genericmenu .popup_container,#adm_submenus .popup_container {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 5;
    }

    #main_menu .popup_heading,#genericmenu .popup_heading,#adm_submenus .popup_heading {
        display: block;
    }

    #main_menu {
        margin: 0;
    }

    .popup_window,#main_menu .popup_window,#genericmenu .popup_window,#adm_submenus .popup_window {
        top: 15%;
        width: 95vw;
        min-height: auto;
        max-height: 90vh;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    #adm_submenus {
        padding: 0;
    }

    #adm_submenus .dropmenu li {
        float: left;
        margin: 0;
    }

    .generic_menu {
        display: none;
    }

    #mobile_user_menu .dropmenu,div[id^=mobile_generic_menu_] .generic_menu {
        display: block;
    }

    a.mobile_user_menu,a[class^=mobile_generic_menu_] {
        display: flex;
        align-items: center;
        margin: 0 0 4px;
    }

    a[class^=mobile_generic_menu_] {
        margin: 8px 0;
    }

    .menu_icon {
        display: inline-block;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0id2luZG93cy0xMjUyIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJJY29ucyIgc3R5bGU9Im9wYWNpdHk6MC43NTsiPgoJPHBhdGggaWQ9Im1lbnUiIGQ9Ik02LDE1aDEyYzAuNTUzLDAsMSwwLjQ0NywxLDF2MWMwLDAuNTUzLTAuNDQ3LDEtMSwxSDZjLTAuNTUzLDAtMS0wLjQ0Ny0xLTF2LTFDNSwxNS40NDcsNS40NDcsMTUsNiwxNXogTTUsMTF2MSAgIGMwLDAuNTUzLDAuNDQ3LDEsMSwxaDEyYzAuNTUzLDAsMS0wLjQ0NywxLTF2LTFjMC0wLjU1My0wLjQ0Ny0xLTEtMUg2QzUuNDQ3LDEwLDUsMTAuNDQ3LDUsMTF6IE01LDZ2MWMwLDAuNTUzLDAuNDQ3LDEsMSwxaDEyICAgYzAuNTUzLDAsMS0wLjQ0NywxLTFWNmMwLTAuNTUzLTAuNDQ3LTEtMS0xSDZDNS40NDcsNSw1LDUuNDQ3LDUsNnoiLz4KPC9nPgo8ZyBpZD0iR3VpZGVzIiBzdHlsZT0iZGlzcGxheTpub25lOyI+CjwvZz4KPC9zdmc+) no-repeat;
        height: 24px;
        width: 24px;
    }

    .dropmenu li,.dropmenu li:hover,.dropmenu li a,.dropmenu li a:hover,.dropmenu li a.active,.dropmenu li a.active:hover,.dropmenu li:hover a.active,.dropmenu li ul,.dropmenu li li,.dropmenu li li a {
        width: 100%;
        padding: 0;
        margin: 0;
        border-left: 0;
        border-right: 0;
    }

    .dropmenu li a,.dropmenu li a:hover {
        text-indent: 10px;
        border-radius: 0;
        padding: 5px 0!important;
    }

    .dropmenu li li li a,.dropmenu li li li a:hover {
        padding: 5px 24px!important;
    }

    .dropmenu li a,.dropmenu li:hover a,.dropmenu li a.active,.dropmenu li a.active:hover,.dropmenu ul li a:hover,.dropmenu li li a:hover,.dropmenu ul li li:hover,.dropmenu li ul,.dropmenu li li:hover ul,.dropmenu li li ul {
        border-left: 0;
        border-right: 0;
    }

    .dropmenu ul li a {
        width: auto!important;
    }

    .dropmenu li.subsections>a::after {
        position: absolute;
        padding: 5px 0;
        right: 10px;
        font: 83.33%/150% Arial,sans-serif;
        content: "\25bc"!important;
    }

    .dropmenu li ul,.dropmenu li li:hover ul,.dropmenu li li ul {
        position: relative;
        border-radius: 0;
        left: 0;
        box-shadow: none;
    }

    .dropmenu li ul ul {
        margin: 0!important;
    }
}

@media(min-width: 481px) and (max-width:560px) {
    #event_time_options {
        width: 40%;
    }

    #event_title,#event_board {
        width: 100%;
    }

    #evtitle {
        width: 98%;
    }
}

@media(max-width: 480px) {
    h1.forumtitle a,h1.forumtitle {
        padding: 5px 0 0 4px;
        max-width: 300px;
        margin: 10px 0;
    }

    .board_moderators {
        display: none;
    }

    #top_info .welcome {
        display: none;
    }

    #pm_menu,#alerts_menu,#profile_menu {
        min-width: initial;
        width: 25em;
        max-width: calc(100vw - 17px);
    }

    #main_content_section .pagelinks {
        display: block;
    }

    #main_content_section .pagesection {
        margin: 5px 0;
        padding: 0;
    }

    #topic_icons p {
        display: block;
        width: 100%;
    }

    .mobile_subject {
        position: relative;
    }

    fieldset {
        max-width: 100%;
        min-width: unset;
    }

    #registration .button {
        font-size: .67em;
    }

    dl.register_form,dl.register_form dt,dl.register_form dd {
        float: none;
        width: 100%;
    }

    .login dt,.login dd {
        float: none;
        width: 100%;
        text-align: left;
    }

    .login #ajax_loginuser,.login #ajax_loginpass,.login #loginuser,.login #loginpass,.login select {
        width: 100%;
    }

    .subject_title input {
        width: 90%;
    }

    #quickreply_options .roundframe {
        padding: 8px 10px 12px;
    }

    #post_header dd {
        width: 55%;
    }

    #post_header dt {
        width: 35%;
    }

    img#icons {
        margin: 0 0 0 5px;
    }

    #quickreply_options #postmodify {
        width: 100%;
    }

    #poll_options dl.options {
        padding: 0;
    }

    #poll_options dl.options dt,#poll_options dl.options dd,dl.settings dt,dl.settings dd,#creator .settings dt,#creator .settings dd,div#report_form dl.settings dd,div#report_form dl.settings dt,#tracking dt,#tracking dd,#detailedinfo dt,#detailedinfo dd,#advanced_search dt,#advanced_search dd {
        width: 100%;
        float: none;
    }

    #post_draft_options dl.settings dt,#post_draft_options dl.settings dd {
        width: 50%;
        float: left;
    }

    dl.settings dd textarea,#report_comment {
        width: 100%;
    }

    .move_topic {
        width: 100%;
    }

    .bbc_float {
        max-width: 100%!important;
        margin-left: .5em!important;
        margin-right: .5em!important;
    }

    #personal_messages .pm_icon {
        display: none;
    }

    #personal_messages div.labels {
        clear: both;
    }

    #alerts .alert_image {
        width: 40px;
        padding-left: 6px;
    }

    #alerts .alert_image .avatar {
        display: none;
    }

    #alerts .alert_image .avatar+.alert_icon {
        position: static;
    }

    #edit_buddies .buddy_email {
        display: none;
    }

    .half_content {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    th.recentboard,th.recenttime,td.recentboard,td.recenttime {
        display: none;
    }

    .sceditor-container {
        min-height: 375px;
    }

    th.website_url,td.website_url,td.reg_group,td.reg_date,td.post_num {
        display: none;
    }

    #mlist .post_count {
        width: 50px;
    }

    #mlist .post_count .generic_bar {
        border: 0;
        background: 0 0;
        color: inherit;
    }

    #mlist .post_count .generic_bar .bar {
        background: 0 0;
        box-shadow: none;
    }

    #mlist_search dt {
        width: 100%;
        display: block;
        padding: 0;
    }

    #mlist_search dd {
        padding: 0;
        margin: 0;
    }

    #mlist_search input[type=checkbox] {
        margin: 0 13px 3px 3px;
        vertical-align: middle;
    }

    .post_note input {
        width: 75%;
    }

    .modbox .floatleft {
        float: none;
    }

    #warning_list .reason,#moderation_log_list .position,#moderation_log_list .ip,#group_members .last_active,#group_request_list .date,#group_lists .icons,#regular_membergroups_list .icons,#post_count_membergroups_list .icons,#watch_user_list .last_login {
        display: none;
    }

    #live_news,#support_info {
        width: 100%;
        padding: 0;
        margin: 0 0 5px;
    }

    fieldset.admin_group a {
        width: 50%;
        float: left;
        margin: 0 0 5px;
    }

    .error_info,#fatal_error {
        width: 100%!important;
        padding: 0!important;
        float: none;
    }

    .event_options_left,.event_options_right {
        width: 100%;
    }

    #event_title,#event_board {
        width: 100%;
    }

    #evtitle {
        width: 98%;
    }

    #header_news_lists_preview,tr[id^=list_news_lists_] td:nth-child(even),#header_smiley_set_list_default,#header_smiley_set_list_url,#header_smiley_set_list_check,tr[id^=list_smiley_set_list_] td:nth-child(odd),#header_mail_queue_priority,tr[id^=list_mail_queue_] td:nth-child(odd),#header_member_list_user_name,#header_member_list_ip,#header_member_list_last_active,#header_member_list_posts {
        display: none;
    }

    tr[id^=list_mail_queue_] td:first-of-type,tr[id^=list_mail_queue_] td:last-of-type {
        display: table-cell;
    }

    .msearch_details {
        width: 100%!important;
        float: none;
    }

    .msearch_details .righttext {
        text-align: left;
    }

    .msearch_details input {
        width: 90%;
    }

    .msearch_details input[type=checkbox] {
        width: 5%;
    }

    #request_list .time_applied,#track_user_list .date,#track_user_list .date2,#file_list .filesize,#file_list .downloads,#ban_list .added,#ban_list .num_triggers,#ban_log .date,#mail_queue .age,#attachments .subject {
        display: none;
    }

    #likes li .like_time {
        display: none;
    }

    .hide_480 {
        display: none;
    }

    .block_480 {
        display: block;
    }

    .inlineblock_480 {
        display: inline-block;
    }
}

.headerlogo {
    background-color: #000;
    background-image: url(https://images6.alphacoders.com/546/thumb-1920-546465.jpg);
    background-position-y: -420px;
    background-size: cover;
    backdrop-filter: blur(1px);
}

.headerlogo img {
    width: 64px;
    height: 64px;
    /* filter: brightness(0); */
}

.headerlogo a {
    border-bottom: 1px solid #18191a;
    max-width: 1080px;
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 10px;
}

.main_icons i {
    display: flex;
    line-height: 0;
    width: fit-content;
    height: fit-content;
    font-size: 16px;
}

.nav-list .main_icons {
    height: fit-content;
    line-height: 0;
}

.nav-list .main_icons::before {
    display: none;
}

.clubhesap {
    display: flex;
    flex-direction: column;
}

.clubhesapbaglanti {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.clubhesapbaglanti a {
    background: #242526;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    gap: 5px;
    align-items: center;
}

.clubhesapbaglanti i {
    display: flex;
    width: fit-content;
    height: fit-content;
}

.clubbilgiler {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.clubbilgiic {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background: #242526;
    border-radius: 5px;
}

.clubbilgiic2 {
    display: flex;
    align-items: center;
    gap: 5px;
}

.clubbilgiic2 span {
}

.clubbilgiic3 {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: flex-end;
}

.clubbilgiic3 span {
    display: flex;
    align-items: center;
    gap: 5px;
}

.clubbilgiic3 a {
}

.clubbilgiic3 a i {
    display: flex;
    width: fit-content;
    height: fit-content;
}

.clubbilgiic2 span {
}

.clubbilgiic2 i {
    display: flex;
    width: fit-content;
    height: fit-content;
}

.forumclub {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.forumclubsol {
    display: flex;
    background: #18191a;
    flex-direction: column;
    padding: 10px;
    border-radius: 10px;
    height: fit-content;
    gap: 10px;
    width: 25%;
    min-width: 25%;
}

.forumclubsol a {
    background: #242526;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.forumclubsol i {
    display: flex;
    width: fit-content;
    height: fit-content;
}

.clubfmenu {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.forumclubsag {
    padding: 10px;
    background: #18191a;
    border-radius: 10px;
    width: 100%;
    height: fit-content;
}

.forumclubsag1 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.forumclubsag2 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.forumclubsag2 .clubbilgiler ul {
    padding: 10px 10px 10px 25px;
    background: #242526;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    list-style: outside;
    margin-bottom: 5px;
}

.forumclubsag2 .clubbilgiler ul li {
}

.forumclubsag2 .clubbilgiler span {
}

.forumclubsag2 .clubbilgiler input {
    height: auto;
}

.forumclubsag2 .clubbilgiler a {
    background: #000;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
}

.footer {
    background: #000;
    padding: 50px 0 20px;
    margin-top: 50px;
}

.footeric {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    border-bottom: 1px solid #18191a;
    padding-bottom: 50px;
    padding-top: 50px;
}

.footeric span {
    display: block;
    max-width: 600px;
    width: 100%;
}

.footeric ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footeric ul li {
}

.footeric ul li a {
    text-decoration: none;
}

.footer1 {
    padding: 0 20px;
}

.footer2 {
    padding: 0 20px;
}

.footer3 {
    padding: 0 20px;
}

.footeric2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 20px 0;
}

.footerbaslik {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    margin-bottom: 40px;
    color: #fff;
}

.footerbaslik:before {
    content: "";
    width: 30px;
    height: 2px;
    background: #cec6c6;
    position: absolute;
    bottom: -20px;
    left: -10px;
    background: linear-gradient(135deg,#ffffff,#434343);
}

.footeric2 span {
}

.footeric2 ul {
    display: flex;
    list-style: none;
    grid-gap: 25px;
}

.footeric2 ul li {
}

.footeric2 ul li a {
    position: relative;
    display: flex;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    font-size: 20px;
}

.footeric2 i {
}

.footerstats {
    display: flex;
    background: #000;
    border-bottom: 1px solid #18191a;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px 50px;
    align-items: center;
    justify-content: space-between;
}

.footerstatsic {
    position: relative;
    padding: 0 0 0 40px;
}

.footerstats i {
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 20px;
    transform: translateY(-50%);
    color: #fff;
}

.footerstats span {
    display: block;
}

.footerstats p {
    margin: 0;
    display: block;
    margin-top: 3px;
    font-size: 15px;
}

.p_slider {
    width: 380px;
    overflow: hidden;
    position: relative;
}

.p_slides {
    display: flex;
    width: 360px;
    height: 100px;
    flex-direction: column;
}

.p_slide {
    transition: all .6s;
    width: 360px;
}

.slide-radio {
    position: absolute;
    visibility: hidden;
}

.nav-bar {
    position: absolute;
    display: flex;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    flex-direction: column;
}

.slide-lab {
    width: 10px;
    height: 10px;
    background-color: #242526;
    border-radius: 10px;
    margin: 5px 0;
    transition: all .3s;
}

.slide-lab:hover {
    background-color: #41a317;
}

.p_r1:checked~.s1 {
}

.p_r2:checked~.s1 {
    margin-top: -100px;
}

.p_r3:checked~.s1 {
    margin-top: -200px;
}

.p_r4:checked~.s1 {
    margin-top: -300px;
}

.p_r5:checked~.s1 {
    margin-top: -400px;
}

.p_r6:checked~.s1 {
    margin-top: -500px;
}

.p_r1:checked~.nav-bar>.slide-lab:nth-child(1) {
    opacity: 1;
    background-color: #41a317;
}

.p_r2:checked~.nav-bar>.slide-lab:nth-child(2) {
    opacity: 1;
    background-color: #41a317;
}

.p_r3:checked~.nav-bar>.slide-lab:nth-child(3) {
    opacity: 1;
    background-color: #41a317;
}

.p_r4:checked~.nav-bar>.slide-lab:nth-child(4) {
    opacity: 1;
    background-color: #41a317;
}

.p_r5:checked~.nav-bar>.slide-lab:nth-child(5) {
    opacity: 1;
    background-color: #41a317;
}

.p_r6:checked~.nav-bar>.slide-lab:nth-child(6) {
    opacity: 1;
    background-color: #41a317;
}

.kunye {
}

.kunyeic {
    margin-top: 10px;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill,minmax(210px,1fr));
}

.kunyekart {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #18191a;
    padding: 20px;
    border-radius: 10px;
}

.kunyekart img {
    width: 100px;
    border-radius: 100px;
    height: 100px;
    border: 5px solid #242526;
}

.kunyekart a {
    display: block;
    font-size: 16px;
    margin: 10px 0;
}

.kunyekart span {
}

.kunyerutbe {
    font-size: 14px;
    padding: 10px;
    background: #000;
    width: 100%;
    display: block;
    border-radius: 10px;
    margin-top: 10px;
    text-align: center;
}

.navigation {
    height: 55px;
    background: #000;
}

.nav-container {
    max-width: 1250px;
    margin: 0 auto;
}

nav {
    display: flex;
    justify-content: center;
}

nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

nav ul li {
    float: left;
    position: relative;
}

nav ul li a,nav ul li a:visited {
    display: block;
    padding: 0 20px;
    line-height: 55px;
    color: #cec6c6;
    background: #000;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
}

nav ul li a {
    background: 0 0;
    color: #cec6c6;
}

nav ul li a:hover,nav ul li a:visited:hover {
    background: #000;
    color: #fff;
}

.navbar-dropdown li a {
    background: #000;
}

nav ul li a:not(:only-child):after,nav ul li a:visited:not(:only-child):after {
    padding-left: 0px;
    content: ' \025BE';
}

nav ul li ul li {
    min-width: 190px;
}

nav ul li ul li a {
    padding: 15px;
    line-height: 20px;
}

.navbar-dropdown {
    position: absolute;
    display: none;
    z-index: 8;
    background: #000;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

.nav-mobile {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    background: 0 0;
    height: 55px;
    width: 70px;
}

@media only screen and (max-width: 800px) {
    .nav-mobile {
        display: block;
    }

    nav {
        width: 100%;
        padding: 55px 0 15px;
        display: block;
        z-index: 7;
        position: relative;
    }

    nav ul {
        display: none;
    }

    nav ul li {
        float: none;
    }

    nav ul li a {
        padding: 15px;
        line-height: 20px;
        background: #000;
    }

    nav ul li ul li a {
        padding-left: 30px;
    }

    .navbar-dropdown {
        position: static;
    }

    @media screen and (min-width:800px) {
        .nav-list {
            display: block!important;
        }
    }

    #navbar-toggle {
        position: absolute;
        left: 18px;
        top: 15px;
        cursor: pointer;
        padding: 10px 35px 16px 0;
    }

    #navbar-toggle span,#navbar-toggle span:before,#navbar-toggle span:after {
        cursor: pointer;
        border-radius: 1px;
        height: 3px;
        width: 30px;
        background: #fff;
        position: absolute;
        display: block;
        content: '';
        transition: all 300ms ease-in-out;
    }

    #navbar-toggle span:before {
        top: -10px;
    }

    #navbar-toggle span:after {
        bottom: -10px;
    }

    #navbar-toggle.active span {
        background-color: transparent;
    }

    #navbar-toggle.active span:before,#navbar-toggle.active span:after {
        top: 0;
    }

    #navbar-toggle.active span:before {
        transform: rotate(45deg);
    }

    #navbar-toggle.active span:after {
        transform: rotate(-45deg);
    }
}

.profilsagpart {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.profilekarakters {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
    background: #18191a;
    padding: 10px;
    border-radius: 10px;
}

.profilekarakter {
    background: #242526;
    border-radius: 5px;
    padding: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.pkarakteroff {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.pkarakteroff:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 5px;
    background: #242526;
}

.pkarakterolustur {
    position: absolute;
    z-index: 2;
    background: #18191a;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.pkarakterolustur i {
    width: fit-content;
    height: fit-content;
    display: flex;
}

.pkimg {
    position: relative;
    display: flex;
}

.pkimg a {
    position: absolute;
    background: #242526;
    padding: 10px;
    border-radius: 30px;
    left: -10px;
    bottom: -10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pkimg a i {
    display: flex;
    width: fit-content;
    height: fit-content;
}

.pkavatar {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    border-radius: 5px;
    object-fit: cover;
    display: flex;
}

.pkbayrak {
    display: flex;
    height: 12px;
    width: 12px;
    object-fit: cover;
}

.profilekarakterinf {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 5px;
}

.pkinf {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pkinf a {
    color: #fff;
}

.pkinf span {
    font-size: 11px;
}

.pkinf p {
    font-size: 11px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.pkinf img {
    width: 14px;
}

.karaktersayfasi {
}

.karaktersayfa {
    display: flex;
    grid-gap: 15px;
    margin-top: 15px;
}

.karaktersolpart {
    width: 65%;
}

.karaktersagpart {
    width: 33.5%;
    display: flex;
    flex-direction: column;
}

.karaktertemel {
    display: flex;
    grid-gap: 20px;
    padding: 20px;
    width: 100%;
    background: #18191a;
    border-radius: 10px;
}

.imgtopla {
    position: relative;
    width: 80px;
    height: 80px;
    display: flex;
}

.imgtopla a {
    position: absolute;
    top: -10px;
    left: -10px;
    background: #b82626;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    border-radius: 5px;
    color: #fff !important;
    align-items: center;
}

.imgtopla a i {
    width: fit-content;
    height: fit-content;
    display: flex;
}

.imgtopla img {
    width: 80px;
    height: 80px;
    border-radius: 5px;
    min-width: 80px;
    min-height: 80px;
    display: flex;
}

.karakterinbilgileri {
    display: flex;
    flex-direction: column;
    width: 100%;
    grid-gap: 10px;
}

.karakterinbilgileri a {
    width: 100%;
    text-align: center;
    background: #242526;
    border-radius: 5px;
    padding: 5px;
    font-size: 10px;
}

.karakterbol {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-radius: 5px;
    background: #242526;
    align-items: center;
}

.karakterbol span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.karakterbol p {
    font-size: 11px;
}

.karakterprogress {
    background-color: #242526;
    width: 100%;
    border-radius: 5px;
    padding: 10px;
}

.progresspuan {
    display: inline-block;
    height: 100%;
    border-radius: 3px;
    background-color: #b82626;
}

.karakterdiger {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    padding: 20px;
    width: 100%;
    background: #18191a;
    border-radius: 10px;
    margin-top: 15px;
}

.karakterbol2 {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    background: #242526;
    border-radius: 5px;
    align-items: center;
}

.karakterbol2 span {
}

.karakterbol2 p {
}

.karakterbol2 a {
    color: #fff;
}

.karaktersikayetler2 {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    padding: 20px;
    width: 100%;
    background: #18191a;
    border-radius: 10px;
    margin-top: 15px;
}

.karaktersikayetler2 span {
    background: #000;
    padding: 10px;
    border-radius: 5px;
}

.karaktersikayetler2 a {
    width: 100%;
    background: #242526;
    border-radius: 5px;
    padding: 10px;
    font-size: 12px;
}

.karakteryoneticinot {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    padding: 20px;
    width: 100%;
    background: #18191a;
    border-radius: 10px;
    margin-top: 15px;
}

.karakteryoneticinot span {
    background: #000;
    padding: 10px;
    border-radius: 5px;
}

.notugor {
    display: flex;
    flex-direction: column;
    background: #242526;
    padding: 10px;
    border-radius: 5px;
    grid-gap: 5px;
}

.notugor2 {
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    align-items: center;
}

.notugor2 span {
    width: 246px;
    background: none;
    padding: 0;
}

.notugor2 a {
}

.notugor2 i {
    width: fit-content;
    height: fit-content;
    display: inline-block;
}

.notdetay2 {
}

.notdetay2 span {
    background: none;
    padding: 0;
}

.notdetay2 p {
}

.yoneticinotbol {
    display: flex;
    justify-content: space-between;
    grid-gap: 10px;
}

.yoneticinotbol input {
    width: 100%;
    line-height: 0 !important;
    padding: 5px !important;
}

.yoneticinotbol a {
    width: fit-content;
    text-align: center;
    background: #000000;
    border-radius: 5px;
    padding: 5px;
    font-size: 12px;
}

.karakterbasarilari {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #18191a;
    padding: 20px;
    border-radius: 10px;
    margin-top: 15px;
}

.karakterbasarilari span {
    background: #000;
    padding: 10px;
    border-radius: 5px;
}

.basaridiz {
    margin-top: 10px;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill,minmax(60px,1fr));
}

.basaritab {
    background: #242526;
    padding: 5px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.basaritab img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.izinsoyad2 {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #18191a;
    padding: 20px;
    border-radius: 10px;
    margin-top: 15px;
    grid-gap: 10px;
}

.izinsoyad2 span {
    background: #000;
    padding: 10px;
    border-radius: 5px;
}

.table-izinsoyad {
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
}

.table-izinsoyad thead>tr {
}

.table-izinsoyad thead>tr>td {
    font-weight: bold;
}

.table-izinsoyad tr>td {
    padding: 5px 5px;
    max-width: 130px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.table-izinsoyad tr>td img {
    height: 18px;
    width: 35px;
    vertical-align: middle;
    object-fit: contain;
    margin-right: 10px;
}

.table-izinsoyad tr>td a i {
    width: fit-content;
    height: fit-content;
    display: flex;
}

.table-izinsoyad tr>td span {
    background: none;
    padding: 0;
    border-radius: 0;
}

.karaktermodelleri {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #18191a;
    padding: 20px;
    border-radius: 10px;
    margin-top: 15px;
}

.karaktermodelleri span {
    background: #000;
    padding: 10px;
    border-radius: 5px;
}

.modelleribol {
    margin-top: 10px;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill,minmax(51px,1fr));
}

.modelbol {
    background: #242526;
    padding: 5px 10px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
}

.modelbol p {
    font-size: 11px;
}

.modelbol small {
    font-size: 10px;
}

.karakteroocmarket {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #18191a;
    padding: 20px;
    border-radius: 10px;
    margin-top: 15px;
}

.karakteroocmarket span {
    background: #000;
    padding: 10px;
    border-radius: 5px;
}

.marketoockar {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    grid-gap: 10px;
}

.oockarbol {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    background: #242526;
    border-radius: 5px;
}

.oockarbol span {
    background: none;
    padding: 0;
    border-radius: 0;
}

.oockarbol p {
}

.karakterenv {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #18191a;
    padding: 20px;
    border-radius: 10px;
    margin-top: 15px;
}

.karakterenv span {
    background: #000;
    padding: 10px;
    border-radius: 5px;
}

.envkar {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    grid-gap: 10px;
}

.envkaric {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    background: #242526;
    border-radius: 5px;
}

.envkaric span {
    background: none;
    border-radius: 0;
    padding: 0;
}

.envkaric p {
}

.karakterbildirimler {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    padding: 20px;
    width: 100%;
    background: #18191a;
    border-radius: 10px;
    margin-top: 15px;
}

.karakterbildirimler span {
    background: #000;
    padding: 10px;
    border-radius: 5px;
}

.karakterbildiri {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
}

.bildiribol {
    display: flex;
    flex-direction: column;
    background: #242526;
    padding: 10px;
    border-radius: 5px;
    grid-gap: 5px;
}

.bildiribol p {
}

.bildiribol small {
    font-size: 10px;
}

.karakterrpr {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    padding: 20px;
    width: 100%;
    background: #18191a;
    border-radius: 10px;
    margin-top: 15px;
}

.karakterrpr span {
    background: #000;
    padding: 10px;
    border-radius: 5px;
}

.raporlarkar {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
}

.raporbol {
    display: flex;
    flex-direction: column;
    background: #242526;
    padding: 10px;
    border-radius: 5px;
    grid-gap: 5px;
}

.raporbol small {
    font-size: 10px;
}

.raporbol p {
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

.karaktergenel {
    width: 100%;
    display: flex;
    background: #18191a;
    padding: 20px;
    border-radius: 10px;
    flex-direction: column;
    grid-gap: 10px;
}

.karaktergenelmenu {
    display: flex;
    grid-gap: 10px;
    flex-wrap: wrap;
}

.kgenelic {
    display: flex;
    align-items: center;
    padding: 10px;
    background: #242526;
    border-radius: 5px;
    grid-gap: 10px;
    cursor: pointer;
}

.kgenelic i {
    color: #fff;
    width: fit-content;
    height: fit-content;
    display: flex;
}

.kgenelic a {
}

.karaktertip {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    padding: 20px;
    background: #242526;
    border-radius: 10px;
    /* display: none; */
}

.tip1 {
    display: flex;
    align-items: center;
    grid-gap: 10px;
    flex-wrap: wrap;
}

.tip1 img {
    display: flex;
    width: 14px;
    height: 14px;
}

.tip1 p {
    padding: 10px;
    background: #18191a;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.tip2 {
    display: flex;
}

.tip2 span {
    padding: 10px;
    background: #18191a;
    border-radius: 5px;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
}

.karaktercift {
    display: flex;
    justify-content: space-between;
    grid-gap: 10px;
}

.karakterciftsol {
    display: flex;
    width: 100%;
    flex-direction: column;
    grid-gap: 10px;
}

.ksolbol {
    display: flex;
    justify-content: space-between;
    background: #18191a;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
}

.ksolbol span {
}

.ksolbol p {
}

.karakterciftsag {
    display: flex;
    width: 100%;
    flex-direction: column;
    grid-gap: 10px;
}

.ksagbol {
    display: flex;
    justify-content: space-between;
    background: #18191a;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
}

.ksagbol span {
}

.ksagbol p {
}

.karaktermulkler {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    padding: 20px;
    background: #242526;
    border-radius: 10px;
}

.karaktermulkler span {
    padding: 10px;
    background: #000;
    border-radius: 5px;
}

.karaktergecmis {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    padding: 20px;
    background: #242526;
    border-radius: 10px;
}

.karaktergecmis span {
    padding: 10px;
    background: #000;
    border-radius: 5px;
}

.karaktersayfalama {
    display: inline-block;
}

.karaktersayfalama a {
    float: left;
    padding: 5px 10px;
    text-decoration: none;
}

.karaktersayfalama a.active {
    background-color: #18191a;
    color: white;
    border-radius: 5px;
}

.karaktersayfalama a:hover:not(.active) {
    background-color: #18191a;
    border-radius: 5px;
}

.karaktersicili {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    padding: 20px;
    background: #242526;
    border-radius: 10px;
}

.karaktersicili span {
    background: #000;
    padding: 10px;
    border-radius: 5px;
}

.karaktererr {
    display: flex;
}

.karaktererr span {
    width: 100%;
    background: #18191a !important;
}

.karakteriadeler {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    padding: 20px;
    background: #242526;
    border-radius: 10px;
}

.karakteriadeler span {
    padding: 10px;
    background: #000;
    border-radius: 5px;
}

@media screen and (max-width: 720px) {
    .karaktersayfa {
        display: flex;
        flex-direction: column-reverse;
    }

    .karaktersolpart {
        width: 100%;
    }

    .karaktersagpart {
        width: 100%;
    }

    .karaktercift {
        flex-direction: column;
    }

    .prwh3 {
        flex-direction: column;
    }

    .prwh4 {
        width: 100% !important;
    }
}

.karaktersayfasiveriyok {
    display: flex;
}

.karaktersayfasiveriyok span {
    width: 100%;
    background: #242526 !important;
    border-radius: 5px;
}

.atesteronay {
    display: flex;
    align-items: center;
    padding: 20px;
    border-radius: 20px;
    background: #18191a;
    border: 2px solid #41a317;
    gap: 15px;
    margin-top: 15px;
    color: #fff;
}

.atesteronay i {
    color: #41a317;
    font-size: 20px;
    display: flex;
    width: fit-content;
    height: fit-content;
}

.atesteronay span {
}

.atesterhesap {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(auto-fill,minmax(350px,1fr));
    margin-top: 15px;
    align-items: center;
    background: url("https://www.upload.ee/image/17152741/qweqeqwqwe.webp");
    border-radius: 10px;
}

.atesteric {
    margin: 50px;
}

.atesterkarsilama {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    background: #18191a;
    border-radius: 20px;
}

.atesterkarsilama h2 {
    font-size: 20px;
    font-weight: 500;
}

.atesterkarsilama p {
}

.atesterkarsilama span {
}

.atesterkarsilama ul {
    display: flex;
    list-style: none;
    grid-gap: 10px;
}

.atesterkarsilama ul li a {
    position: relative;
    display: flex;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    font-size: 20px;
}

.atesteric2 {
    background: #18191a;
    padding: 20px;
    border-radius: 20px;
    margin: 50px;
}

.atesterkayit {
    display: flex;
    flex-direction: column;
}

.atesterkayit h2 {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}

.atesterkayit span {
    
}

.atesterkayit label {
    display: block;
    margin: 20px 0 10px 0;
}
.atesterinp {
    position: relative;
}

.atesterinp i {
    position: absolute;
    left: 23px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 20px;
}

.atesterinp input {
    width: 100%;
    outline: none;
    border: none;
    padding: 20px 20px 20px 60px !important;
    font-size: 14px;
    border-radius: 10px;
    color: #cec6c6;
    height: auto;
    line-height: 0;
}

.atestera {
    background: #000;
    color: #fff !important;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    width: 100%;
    margin-top: 20px;
}

.sikayetet {
}

.sikayetetkural {
    background: #18191a;
    padding: 10px;
    border-radius: 10px;
    margin-top: 10px;
}

.sikayetetkural b {
    display: block;
}

.sikayetetkural span {
    display: block;
    margin: 10px 0;
}

.sikayetetkural ul {
    list-style: inside;
}

.sikayetetkural ul li {
    margin: 5px 0 0 0;
}

.sikayetediyorum {
    background: #18191a;
    padding: 10px;
    border-radius: 10px;
    margin-top: 10px;
}

.sikayeteden {
    background: #242526;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    border-radius: 5px;
    align-items: center;
    margin-bottom: 10px;
}

.sikayeteden span {
}

.sikayeteden p {
}

.sikayetsec {
    display: flex;
    grid-gap: 10px;
}

.sikayetsec a {
    padding: 10px;
    border-radius: 5px;
    background: #242526;
}

.focussikayet {
    background: #000 !important;
}

.sikayeticerik {
}

.sikayetsayf {
}

.oyuncusecsikayet {
    display: flex;
    justify-content: space-between;
    grid-gap: 10px;
}

.oyuncusecsikayet input {
    width: 100%;
    padding: 10px 10px !important;
    line-height: 0px !important;
    border-radius: 5px;
    margin-top: 10px;
    height: auto;
}

.skytspan {
    display: block;
    margin: 10px 0 0 0;
}

.sikayetsayf textarea {
    width: 100%;
    border-radius: 5px;
    padding: 10px;
    background: #000;
    resize: none;
    margin-top: 10px;
}

.sikayetsayf select {
    width: 100%;
    padding: 10px 10px;
    height: auto;
    margin-top: 10px;
    background: #000;
}

.sikayetsayfbuton {
    margin-top: 10px;
    display: flex;
    background: #000;
    padding: 10px 10px;
    line-height: normal;
    height: auto;
    transition: 0.2s;
}

.sikayetsayfbuton:hover {
    background: #242526;
    transition: 0.2s;
}

.circular-menu {
    z-index: 100;
    position: fixed;
    bottom: 1em;
    right: 1em;
}

.circular-menu .floating-btn {
    display: block;
    width: 3.5em;
    height: 3.5em;
    border-radius: 50%;
    background-color: #000;
    color: #fff;
    text-align: center;
    cursor: pointer;
    outline: 0;
}

.circular-menu.active .floating-btn {
    box-shadow: inset 0 0 3px hsla(0,0%,0%,.3);
}

.circular-menu .floating-btn:active {
    box-shadow: 0 4px 8px 0 hsla(0,0%,0%,.4);
}

.circular-menu .floating-btn i {
    font-size: 1.3em;
    transition: transform .2s;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}

.circular-menu.active .floating-btn i {
    transform: translateY(-50%) rotate(-45deg);
}

.circular-menu:after {
    display: block;
    content: ' ';
    width: 3.5em;
    height: 3.5em;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: -2;
    background-color: hsl(210deg 4% 10%);
    transition: all .3s ease;
    border: 1px solid #000;
}

.circular-menu.active:after {
    transform: scale3d(5.5,5.5,1);
    transition-timing-function: cubic-bezier(.68,1.55,.265,1);
}

.circular-menu .items-wrapper {
    padding: 0;
    margin: 0;
}

.circular-menu .menu-item {
    position: absolute;
    top: 0.2em;
    right: 0.2em;
    z-index: -1;
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 1em;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    text-align: center;
    line-height: 3;
    background-color: hsl(210deg 3% 15%);
    transition: transform .3s ease,background .2s ease;
}

.circular-menu .menu-item:hover {
}

.circular-menu.active .menu-item {
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
}

.circular-menu.active .menu-item:nth-child(1) {
    transform: translate3d(10px,-85px,0);
}

.circular-menu.active .menu-item:nth-child(2) {
    transform: translate3d(-35px,-80px,0);
}

.circular-menu.active .menu-item:nth-child(3) {
    transform: translate3d(-70px,-55px,0);
}

.circular-menu.active .menu-item:nth-child(4) {
    transform: translate3d(-95px,-20px,0);
}

.circular-menu.active .menu-item:nth-child(5) {
    transform: translate3d(-100px,20px,0);
}

.circular-menu .menu-item img {
    width: 100%;
    object-fit: cover;
    border-radius: 100px;
}

.sikayetkarsilama {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    background: #18191a;
    border-radius: 10px;
    margin-top: 10px;
}

.sikayetkarsilama span {
}

.hgsikayet {
    display: flex;
}

.hgsikayet p {
    margin-right: 5px;
}

.hgsikayet b {
    font-weight: 500;
}

.sikayetpanelmenu {
    display: flex;
    grid-gap: 10px;
    margin-top: 10px;
}

.sikayetpanelmenu a {
    padding: 10px;
    background: #18191a;
    border-radius: 10px;
}

.sikayetpaneltablo {
}

.sikayetpaneltabloic {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
}

.sikayet1 {
    display: flex;
    background: #000000;
    padding: 10px;
    border-radius: 10px;
    align-items: center;
    justify-content: space-between;
}

.sikayet1 span {
}

.sikayet2 {
    display: flex;
    justify-content: space-between;
    background: #18191a;
    padding: 10px;
    border-radius: 10px;
    align-items: center;
    /* position: relative; */
}

.sikayet2 span {
}

.sikayet2 i {
}

.sikayet2 p {
    width: 130px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.st1 {
    width: 80px;
}

.st2 {
    width: 130px;
}

.st3 {
    width: 130px;
}

.st4 {
    width: 130px;
}

.st5 {
    width: 160px;
}

.st6 {
    width: 130px;
}

.st7 {
    width: 130px;
}

.st8 {
    width: 30px;
}

.sk1 {
    width: 80px;
    text-overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.sk2 {
    width: 130px;
    text-overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.sk3 {
    width: 130px;
    text-overflow: hidden;
}

.sk4 {
    width: 130px;
    text-overflow: hidden;
}

.sk5 {
    width: 160px;
    text-overflow: hidden;
}

.sk6 {
    width: 130px;
    text-overflow: hidden;
}

.sk7 {
    width: 130px;
    text-overflow: hidden;
}

.sk8 {
    width: 30px;
    text-overflow: hidden;
}

.sayfalama {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
    width: max-content;
    background: #18191a;
    padding: 10px;
    border-radius: 10px;
}

.sayfalama a {
    float: left;
    padding: 5px 10px;
    text-decoration: none;
    color: #cec6c6;
}

.sayfalama a.active {
    background-color: #242526;
    color: white;
    border-radius: 5px;
}

.sayfalama a:hover:not(.active) {
    background-color: #242526;
    border-radius: 5px;
}

@media screen and (max-width: 720px) {
    .sikayetpanelmenu {
        grid-gap: 5px;
        flex-wrap: wrap;
    }

    .sk4, .st4 {
        display: none;
    }
}

.araclar {
    margin-top: 15px;
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
}

.arac {
    background: #18191a;
    padding: 10px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    border: 1px solid #242526;
    height: 100%;
    overflow: hidden;
}

.arac img {
    border-radius: 5px;
    height: 80px;
    width: 100%;
    object-fit: contain;
    background: #242526;
    padding: 8px;
}

.aracminiresim {
    width: 16px !important;
    height: 16px !important;
    object-fit: contain;
    padding: 0 !important;
    background: transparent !important;
}

.aracic {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.aracbilgi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 8px;
    border-radius: 4px;
    background: #242526;
    gap: 8px;
    min-height: 30px;
}

.aracbilgi span {
    font-size: 11px;
    color: #b0b3b8;
    white-space: nowrap;
    flex-shrink: 0;
}

.aracbilgi p {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    font-size: 11px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    text-align: right;
}

.aracbilgi p a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 120px;
}

.aracpiyasamenu {
    display: flex;
    flex-direction: column;
    background: #18191a;
    padding: 10px;
    border-radius: 10px;
    gap: 10px;
    margin-top: 15px;
}

.apiyasasol {
    display: flex;
    align-items: center;
    gap: 10px;
}

.aracmenufocus {
    background: #000 !important;
}

.apiyasasol a {
    background: #242526;
    padding: 10px 15px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}

.apiyasasol a i {
    display: flex;
    width: fit-content;
    height: fit-content;
    font-size: 16px;
}

.apiyasasag {
    display: flex;
    gap: 10px;
}

.apiyasasag a {
    display: flex;
    padding: 10px;
    background: #000;
    border-radius: 5px;
}

.apiyasasag input[type="search"] {
    line-height: normal;
    height: auto;
    padding: 10px 15px;
    background: #242526;
    border: 1px solid #333;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    transition: all 0.2s ease;
    min-width: 200px;
}

.apiyasasag input[type="search"]:focus {
    outline: none;
    border-color: #3b82f6;
    background: #2d2e2f;
}

.apiyasasag input[type="search"]::placeholder {
    color: #8b8d91;
}

.sadeceaktifarac {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #000;
    padding: 10px;
    border-radius: 5px;
    justify-content: space-between;
}

.sadeceaktifarac span {
}

.sadeceaktifarac input {
    margin: 0 !important;
    padding: 0 !important;
}

.aractablo {
}

.aractabloic {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
}

.aractab1 {
    display: flex;
    justify-content: space-between;
    background: #000000;
    padding: 10px;
    border-radius: 10px;
    align-items: center;
}

.aractab2 {
    display: flex;
    justify-content: space-between;
    background: #18191a;
    padding: 10px;
    border-radius: 10px;
    align-items: center;
    position: relative;
}

.arac1, .arac2, .arac3, .arac4, .arac5, .arac6, .arac7, .arac8 {
    width: 200px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

@media screen and (max-width: 720px) {
    .aracpiyasamenu {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .apiyasasol {
        width: 100%;
        flex-direction: column;
    }

    .apiyasasol a {
        width: 100%;
    }

    .apiyasasag {
        flex-direction: column;
    }
}

.alternatifmenu {
    background: #18191a;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.alternatifmenu a {
    display: flex;
    background: #242526;
    padding: 10px;
    border-radius: 5px;
    gap: 5px;
    transition: 0.2s;
    align-items: center;
}

.alternatifmenu a:hover {
    background: #000;
    transition: 0.2s;
}

.alternatifmenu a i {
    display: flex;
    width: fit-content;
    height: fit-content;
}

.alternatifmenu2 {
    background: #18191a;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.anoi {
    padding: 0 !important;
    color: #41a317 !important;
    font-weight: bold;
    background: none !important;
}

.alternatifmenu2 a {
    display: flex;
    background: #242526;
    padding: 5px 10px;
    border-radius: 5px;
    gap: 5px;
    transition: 0.2s;
    align-items: center;
}

.alternatifmenu2 a i {
    display: flex;
    width: fit-content;
    height: fit-content;
}

.birlikler {
    margin-top: 15px;
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
}

.birliklerbirlik {
    background: #18191a;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.birlikic1 {
    height: 100px;
    overflow: hidden;
    width: 100%;
}

.birlikic1 img {
    height: 100px;
    width: 100%;
    object-fit: cover;
}

.birlikic2 {
    width: 50px;
    height: 50px;
    background: #18191a;
    margin: -25px 0 0 10px;
    border-radius: 15px;
}

.birlikic2 img {
    border-radius: 15px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 5px;
}

.birlikic3 {
    display: flex;
    align-items: center;
    margin: 10px 15px 0 15px;
}

.birlikic3 a {
    font-size: 15px;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #fff;
}

.birliktag {
    display: flex;
}

.birliktag i {
    display: flex;
    font-size: 14px;
    margin-right: 5px;
}

.birlikic4 {
    margin: 10px 15px 0px 15px;
}

.birlikic4 span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 45px;
}

.birlikic5 {
    display: flex;
    font-size: 10px;
    gap: 15px;
    margin: 15px 15px 15px 15px;
}

.birlikic5 span {
    display: flex;
    align-items: center;
    gap: 3px;
}

.birlikic5 p {
    display: flex;
    align-items: center;
    gap: 3px;
}

.birlikic5 i {
    display: flex;
    width: fit-content;
    height: fit-content;
}

.ozellestirmepanel {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ozellestirmekurallar {
    background: #18191a;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ozellestirmekurallar span {
}

.ozellestirmekurallar ul {
    list-style: decimal;
    margin: 0 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.ozellestirmekurallar ul li {
}

.ozellestirmekurallar ul li::marker {
    color: #41a317;
}

.ozellestirmeic {
    background: #18191a;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ozellestirmeic1 {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.ozellestirmeic1 p {
}

.ozellestirmeic i {
    display: flex;
    width: fit-content;
    height: fit-content;
}

.ozellestirmegold {
    background: #242526;
    color: #d6ba00;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.ozellestirmepartner {
    background: #242526;
    color: #fe26ce;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.ozellestirmevip {
    background: #242526;
    color: #6934e1;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.ozellestirmebagisci {
    background: #242526;
    color: #85bb65;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.ozellestirmeadmin {
    background: #242526;
    color: #41a317;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.ozellestirmenormal {
    background: #242526;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.ozellestirmeic2 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ozellestirmeic2 img {
    max-width: 100%;
    border-radius: 5px;
}

.ozellestirmeic2 input {
    height: auto;
    width: 100%;
}

.ozellestirmeic2 select {
    height: auto;
    line-height: 0;
    padding: 10px;
}

.ozellestirmeic2 a {
    display: flex;
    width: 100%;
    background: #000;
    padding: 10px;
    border-radius: 5px;
    justify-content: center;
}

input[type="color"]::-webkit-color-swatch {
    height: 5px;
    border: none;
    outline: none;
    border-radius: 3px;
}

.cr-markt {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cr-market {
    background: #18191a;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cr-marketic {
    display: flex;
    background: #242526;
    padding: 10px;
    border-radius: 5px;
    align-items: center;
    justify-content: space-between;
}

.marketvip {
    background: linear-gradient(45deg, #6934e1, #242526);
    box-shadow: inset 0px 0px 0px 2px #6934e1;
}

.marketgold {
    background: linear-gradient(45deg, #d6ba00, #242526);
    box-shadow: inset 0px 0px 0px 2px #d6ba00;
}

.marketpartner {
    background: linear-gradient(45deg, #ff005a, #242526);
    box-shadow: inset 0px 0px 0px 2px #ff005a;
}

.marketgold span, .marketvip span, .marketpartner span {
    background: #18191a;
    padding: 5px;
    border-radius: 5px;
}

.marketgold p, .marketvip p {
    background: #18191a;
    padding: 5px;
    border-radius: 5px;
}

.marketgold i, .marketvip i {
    display: flex;
    width: fit-content;
    height: fit-content;
}

.cr-marketic span {
}

.cr-marketic p {
    display: flex;
    align-items: center;
    gap: 5px;
}

.cr-marketic i {
    display: flex;
    width: fit-content;
    height: fit-content;
}

.cr-marketic2 {
}

.cr-marketic2 ul {
    list-style: decimal-leading-zero;
    margin: 0 25px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.cr-havadurum {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cr-havadurumic {
    display: flex;
    gap: 10px;
}

.cr-havaduruminf {
    display: inline-flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.lshava {
    background: #18191a;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
}

.havadurumtab {
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
}

.havatab1 {
    display: flex;
    justify-content: space-between;
    background: #000000;
    padding: 10px;
    border-radius: 10px;
    align-items: center;
}

.havatab2 {
    display: flex;
    justify-content: space-between;
    background: #18191a;
    padding: 10px;
    border-radius: 10px;
    align-items: center;
    position: relative;
}

.hava1, .hava2, .hava3 {
    width: 150px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.hava4, .hava5, .hava6 {
    width: 100px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.havabol {
    display: flex;
    gap: 5px;
    align-items: center;
}

.havabol i {
    display: flex;
    width: fit-content;
    height: fit-content;
    color: #41a317;
}

.havagunici {
    background: #18191a;
    padding: 10px;
    border-radius: 10px;
    width: 20%;
    min-width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    height: fit-content;
}

.havagunesli {
    font-size: 60px;
    display: flex;
    width: fit-content;
    height: fit-content;
    color: #41a317;
}

.havagunici1 {
}

.havagunici2 {
    font-size: 16px;
}

.havagunici3 {
    font-size: 30px;
}

.havagunici4 {
    font-size: 11px;
    text-align: center;
}

.havabolx {
    display: flex;
    gap: 5px;
    align-items: center;
}

.havabolx i {
    display: flex;
    width: fit-content;
    height: fit-content;
}

.paintball1 {
    width: 40px;
}

.paint1 {
    color: #41a317;
}

.paint2 {
    color: #de0000;
}

.paint3 {
    color: #d6ba00;
}

.sikayetpaneldetayic {
}

.sikayetayrintilari {
    display: flex;
    flex-direction: column;
    padding: 10px;
    background: #18191a;
    border-radius: 10px;
    margin-top: 10px;
    grid-gap: 5px;
}

.sikayetayrintilari span {
}

.sikayettpl {
    display: flex;
    align-items: center;
}

.sikayettpl span {
}

.sikayettpl p {
    margin-left: 5px;
}

.sikayetpaneldetayislem {
    display: flex;
    margin-top: 10px;
    grid-gap: 10px;
    flex-wrap: wrap;
}

.sikayetpaneldetayislem select {
    background: #000;
    padding: 10px;
    height: auto;
}

.sikayetpaneldetayislem a {
    padding: 10px;
    background: #000;
    border-radius: 5px;
}

.sikayetmerkez {
    background: #18191a;
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
}

.sikayetmerkezust {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #242526;
    padding: 10px;
    border-radius: 5px;
}

.sikayetmerkezsol {
    width: 100%;
    display: flex;
    align-items: center;
}

.sikayetmerkezsol img {
    width: 50px;
    height: 50px;
    float: left;
    border-radius: 10px;
    margin-right: 10px;
}

.altustbol {
    display: flex;
    flex-direction: column;
}

.altustbol span {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.altustbol span i {
    width: fit-content;
    height: fit-content;
    display: flex;
    color: #b82626;
}

.sikayetmerkezsag {
    width: 100%;
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

.sikayetmerkezalt {
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
    margin-top: 10px;
}

.sikayetmerkezalt span {
    display: block;
}

.kutuludetay {
    background: #242526;
    display: block;
    padding: 10px;
    border-radius: 5px;
}

.sikayetyanitlar {
    background: #18191a;
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
}

.sikayetecevap {
    padding: 5px;
}

.sikayetiyanitla {
    padding: 10px;
    background: #18191a;
    border-radius: 10px;
    margin-top: 10px;
}

.sikayetiyanitla textarea {
    width: 100%;
    resize: none;
    padding: 10px;
    border-radius: 5px;
}

.sikayetiyanitla a {
    padding: 10px;
    margin-top: 10px;
    background: #000;
    display: block;
    width: fit-content;
    border-radius: 5px;
}

.cr_discordverified {
    width: max-content;
    padding: 1px 5px;
    border-radius: 10px;
    margin-top: .5em;
    font-weight: 700;
    color: #4087c8;
    border: 1px solid;
}

.cr_discordnoverified {
    width: max-content;
    padding: 1px 5px;
    border-radius: 10px;
    margin-top: .5em;
    font-weight: 700;
    color: #545454;
    border: 1px solid;
}

.cr_discordavatar {
    margin: 0 auto;
    height: 150px;
    width: 150px;
}

.cr_discordavatar img {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    border: 5px solid #3e3e3e;
}

.cr_discordusername {
    margin: 15px auto;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
}

.cr_discordleftm {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    width: 350px;
    height: 350px;
    background-color: #3e3e3e;
}

.cr_discordleft1 {
    height: 100%;
    background-color: #202225;
    margin: 4px;
    border-radius: 4px;
    padding-top: 30px;
}

.cr_discordleft2 {
    width: 100%;
    height: 20%;
    background-color: #3e3e3e;
    padding: 0 5px 5px;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
}

.cr_discordrightm {
    width: 100%;
    height: 300px;
    background-color: #1d1d1d;
    padding: 10px;
    font-size: 15px;
    border-right: 4px solid #3e3e3e;
}

.nwacc {
    background: #242526;
    display: flex;
    gap: 20px;
    padding: 20px;
    width: 90%;
    border-radius: 20px;
    max-width: 1080px;
    margin: 0 auto;
    margin-top: 50px;
    border: 2px solid #b82626;
    align-items: center;
}

.nwacc1 {
}

.nwacc1 i {
    display: flex;
    font-size: 20px;
    width: fit-content;
    height: fit-content;
    color: #b82626;
}

.nwacc2 {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.nwacc2 a {
    color: #b82626;
    font-weight: bold;
}

.marktinfo {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.marketbutons {
    display: flex;
    gap: 10px;
}

.marketbutons a {
    background: #18191a;
    padding: 10px 10px;
    border-radius: 10px;
}

.marketbilgi1 {
    background: #18191a;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.marketbilgi1 span {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #d6ba00;
    font-weight: bold;
    background: #242526;
    padding: 10px;
    border-radius: 5px;
}

.marketbilgi1 i {
    display: flex;
    width: fit-content;
    height: fit-content;
}

.marketbilgi1 p {
    display: flex;
    gap: 5px;
    align-items: center;
    color: #b82626;
    font-weight: bold;
    background: #242526;
    padding: 10px;
    border-radius: 5px;
}

.marketbilgi1 ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.marketbilgi2 {
    padding: 20px;
    background: #18191a;
    border-radius: 10px;
}

.marktbaslik {
    display: flex;
    gap: 5px;
    align-items: center;
    font-weight: bold;
    background: #242526;
    padding: 10px;
    border-radius: 5px;
}

.marktbaslik i {
    display: flex;
    width: fit-content;
    height: fit-content;
}

.kullanimtablo {
    padding: 10px;
}

.table-kullanimmarkt {
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
}

.table-kullanimmarkt span {
    display: flex;
    align-items: center;
    gap: 5px;
}

.table-kullanimmarkt thead>tr {
}

.table-kullanimmarkt thead>tr>td {
    font-weight: bold;
}

.table-kullanimmarkt tr>td {
    padding: 5px 5px;
}

.ysltab {
    color: #00bf00;
}

.rdtab {
    color: #de0000;
}

.blutab {
    color: #4285f4;
}

.marketbutons2 {
    display: flex;
    gap: 10px;
    padding: 10px 10px 0px 10px;
}

.marketbutons2 a {
    background: #242526;
    padding: 5px 10px;
    border-radius: 5px;
}

.markteksi {
    color: #b82626;
}

.marktarti {
    color: #41a317;
}

.marktsari {
    color: #d6ba00;
}

.rnanasayf {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#rnslidewrap {
    width: -webkit-fill-available;
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: 10px;
    background: #242526;
    border-radius: 5px;
}

#sxld1 {
    padding: 3px;
    background: #000;
    position: absolute;
    left: 0;
    width: 10px;
    height: 10px;
    bottom: 0;
    border-radius: 20px;
    opacity: .3;
    cursor: pointer;
    z-index: 999;
}

#sxld2 {
    padding: 3px;
    background: #000;
    position: absolute;
    left: 25px;
    width: 10px;
    height: 10px;
    bottom: 0;
    margin-left: -10px;
    border-radius: 20px;
    opacity: .3;
    cursor: pointer;
    z-index: 999;
}

#sxld3 {
    padding: 3px;
    background: #000;
    position: absolute;
    left: 18px;
    width: 10px;
    height: 10px;
    bottom: 0;
    margin-left: 12px;
    border-radius: 20px;
    opacity: .3;
    cursor: pointer;
    z-index: 999;
}

#sxld4 {
    padding: 3px;
    background: #000;
    position: absolute;
    left: 9px;
    width: 10px;
    height: 10px;
    bottom: 0;
    margin-left: 36px;
    border-radius: 20px;
    opacity: .3;
    cursor: pointer;
    z-index: 999;
}

#sxld1:hover,#sxld2:hover,#sxld3:hover,#sxld4:hover {
    opacity: 1;
    background: #41a317;
}

.rn-inner-wrapper {
    width: 100%;
    height: 325px;
    position: relative;
    margin: 0;
    padding: 10px;
    overflow: hidden;
}

.controlr {
    display: none;
}

#sxlide1:checked~.rn-overflow-wrapper {
    margin-left: 0;
}

#sxlide2:checked~.rn-overflow-wrapper {
    margin-left: -100%;
}

#sxlide3:checked~.rn-overflow-wrapper {
    margin-left: -200%;
}

#sxlide4:checked~.rn-overflow-wrapper {
    margin-left: -300%;
}

#sxlide1:checked+#sxld1 {
    opacity: 1;
}

#sxlide2:checked+#sxld2 {
    opacity: 1;
}

#sxlide3:checked+#sxld3 {
    opacity: 1;
}

#sxlide4:checked+#sxld4 {
    opacity: 1;
}

.rn-overflow-wrapper {
    width: 3920px;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    gap: 0px;
    overflow-y: hidden;
    z-index: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.sxlide {
    float: left;
    width: 960px;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
}

.rnhbr {
    position: relative;
    background: #18191a;
    display: flex;
    padding: 15px;
    border-radius: 5px;
    height: 307px;
    flex-direction: column;
    gap: 10px;
}

.rnhbr a {
    color: #fff;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.rnhbriki {
    bottom: 14px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
}

.rnhbriki span {
    border-left: 3px solid #41a317;
    padding: 3px 5px 3px 10px;
}

.rnhbriki p {
    background: #41a317;
    padding: 3px 5px;
    border-radius: 5px;
    color: #000;
}

.rnhbr img {
    object-fit: contain;
    width: -webkit-fill-available;
    height: 156px;
    max-width: 100%;
    border-radius: 5px;
}

.rnhbr span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.rnhabers {
    background: #18191a;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
}

.ansbaslik {
    background: #000;
    display: flex;
    padding: 10px;
    border-radius: 5px;
    align-items: center;
    justify-content: space-between;
}

.ansbaslik a {
}

#svld1 {
    padding: 3px;
    background: #000;
    position: absolute;
    left: 0;
    width: 10px;
    height: 10px;
    bottom: 0;
    border-radius: 20px;
    opacity: .3;
    cursor: pointer;
    z-index: 999;
}

#svld2 {
    padding: 3px;
    background: #000;
    position: absolute;
    left: 25px;
    width: 10px;
    height: 10px;
    bottom: 0;
    margin-left: -10px;
    border-radius: 20px;
    opacity: .3;
    cursor: pointer;
    z-index: 999;
}

#svld3 {
    padding: 3px;
    background: #000;
    position: absolute;
    left: 18px;
    width: 10px;
    height: 10px;
    bottom: 0;
    margin-left: 12px;
    border-radius: 20px;
    opacity: .3;
    cursor: pointer;
    z-index: 999;
}

#svld4 {
    padding: 3px;
    background: #000;
    position: absolute;
    left: 9px;
    width: 10px;
    height: 10px;
    bottom: 0;
    margin-left: 36px;
    border-radius: 20px;
    opacity: .3;
    cursor: pointer;
    z-index: 999;
}

#svld1:hover,#svld2:hover,#svld3:hover,#svld4:hover {
    opacity: 1;
    background: #41a317;
}

.controlv {
    display: none;
}

#svlide1:checked~.rn-overflow-wrapper {
    margin-left: 0;
}

#svlide2:checked~.rn-overflow-wrapper {
    margin-left: -100%;
}

#svlide3:checked~.rn-overflow-wrapper {
    margin-left: -200%;
}

#svlide4:checked~.rn-overflow-wrapper {
    margin-left: -300%;
}

#svlide1:checked+#svld1 {
    opacity: 1;
}

#svlide2:checked+#svld2 {
    opacity: 1;
}

#svlide3:checked+#svld3 {
    opacity: 1;
}

#svlide4:checked+#svld4 {
    opacity: 1;
}

.svlide {
    float: left;
    width: 980px;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
}

.rntrnd {
    background: #18191a;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rnyoutub,
.rn-home-card {
    background: #18191a;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.yutubucle {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(auto-fill,minmax(275px,1fr));
}

.rntbs {
    background: #18191a;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cr-tablostats {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(auto-fill,minmax(350px,1fr));
}

.tablostats1 {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cr-progressbar {
    background-color: #18191a;
    height: 14px;
    padding: 3px;
    width: 100%;
    border-radius: 5px;
}

#cr-progressbarspan {
    display: flex;
    height: 100%;
    border-radius: 3px;
    background-color: #41a317;
}

.table-cr-stats {
    display: table;
    width: 100%;
    padding: 5px;
    margin: 0;
    background: #242526;
    border-radius: 5px;
}

.table-cr-stats tr>td {
    padding: 5px 5px!important;
}

.table-cr-stats tr>td img {
    width: 15px;
    max-width: 15px;
}

.table-cr-stats thead>tr {
    font-weight: 700;
}

.td-seviye span {
    background: #18191a;
    padding: 3px 5px;
    border-radius: 5px;
}

.td-birliktur span {
    background: #18191a;
    padding: 3px 5px;
    border-radius: 5px;
}

.td-2sira span {
    font-weight: 700;
}

.td-2karakter {
    font-weight: 700;
}

.td-2miktar span {
    color: #41a317;
    padding: 3px 5px;
    background: #18191a;
    border-radius: 5px;
}

.table-cr-stats2 {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 5px;
    margin: 0;
    background: #242526;
    border-radius: 5px;
    box-sizing: border-box;
}

.table-cr-stats2 tr>td {
    padding: 5px 5px!important;
}

.table-cr-stats2 thead>tr {
    font-weight: 700;
}

.table-cr-stats2 thead>tr>td,
.table-cr-stats2 tbody>tr>td {
    vertical-align: middle;
}

.table-cr-stats2 .td-2sira-b,
.table-cr-stats2 .td-2sira {
    width: 8%;
    text-align: center;
}

.table-cr-stats2 .td-2karakter-b,
.table-cr-stats2 .td-2karakter {
    width: 36%;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.table-cr-stats2 .td-2karakter a {
    color: #e8e8e8;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: color 0.15s, border-color 0.15s;
}

.table-cr-stats2 .td-2karakter a:hover {
    color: #0C7073;
    border-bottom-color: #0C7073;
}

.table-cr-stats2 .td-2miktar-b,
.table-cr-stats2 .td-2miktar {
    width: 28%;
    text-align: center;
}

.table-cr-stats2 .td-2miktar span {
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box;
}

.cr-tablostats2 {
    background: #242526;
    border-radius: 5px;
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
    width: 100%;
    box-sizing: border-box;
}

/* Tek tablo (Şehrin En Zenginleri): auto-fill tek çocukta ~300px’te sıkışıyordu */
.cr-tablostats2--full {
    grid-template-columns: minmax(0, 1fr);
}

.tablostats2 {
    padding: 0px;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.tablostats2--full {
    width: 100%;
}

.rntps {
    background: #18191a;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.crtop4 {
    padding: 10px;
    background: #242526;
    border-radius: 5px;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
}

.top4kart {
    width: 100%;
    display: table;
    background: #18191a;
    border-radius: 5px;
    padding: 10px;
    overflow: hidden;
}

.top4kart img {
    float: left;
    width: 70px;
    height: 70px;
    border-radius: 5px;
    margin-right: 10px;
}

.top4v1 {
    float: left;
    width: 60%;
    margin-bottom: 5px;
}

.top4v1 a {
    font-weight: 700;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.top4v2 {
    float: left;
    font-size: 12px;
    width: 60%;
}

.table-crtop4t {
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 0!important;
}

.table-crtop4t thead>tr {
    font-weight: 700;
}

.table-crtop4t tr>td {
    padding: 0 10px 0 0!important;
}

.rnllls {
    background: #18191a;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.allinfo {
    background: #242526;
    display: inline;
    border-radius: 5px;
    padding: 10px;
    font-size: 11px;
}

.arkaplan {
    width: 100%;
    background-color: #18191a!important;
    border-radius: 7px;
    padding: 15px;
    margin-bottom: 15px;
}

.uta_on {
    font-weight: 700;
}

.uta_off {
    color: #6b6b6bcc!important;
    font-style: italic;
}

table.table_grid td {
    width: fit-content;
}

table.table_grid tr>td {
    padding: 5px 5px;
}

.birlikmain {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.birliktepe {
    background: #18191a;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.birlikback {
}

.birlikback img {
    width: 100%;
    max-width: 100%;
    border-radius: 5px;
}

.birliktip {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.birliktip h3 {
    background: #242526;
    padding: 5px 10px;
    border-radius: 5px;
}

.birliktepex {
    display: flex;
    align-items: center;
    gap: 10px;
}

.birliktepex span {
    display: flex;
    align-items: center;
    background: #242526;
    padding: 5px 10px;
    border-radius: 5px;
    gap: 5px;
}

.birliktepex a {
    background: #242526;
    padding: 5px 10px;
    border-radius: 5px;
    display: flex;
    gap: 5px;
    align-items: center;
}

.birliktepex i {
    width: fit-content;
    height: fit-content;
    display: flex;
}

.birliktepex p {
    background: #41a317;
    padding: 5px;
    border-radius: 5px;
    color: #fff;
}

.birlikmenu {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.birlikmenu a {
    display: flex;
    align-items: center;
    background: #18191a;
    padding: 10px;
    border-radius: 10px;
    gap: 5px;
    transition: 0.2s;
}

.birlikmenu i {
    width: fit-content;
    height: fit-content;
    display: flex;
}

.birlikmenu a:hover {
    background: #000;
    transition: 0.2s;
}

.birlikpagex {
}

.birlikuyelerx {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.bbtops, .bbruts {
    display: flex;
    background: #18191a;
    padding: 10px;
    border-radius: 10px;
    gap: 5px;
}

.birlikkart {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
}

.birlikkartic {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #18191a;
    padding: 10px;
    border-radius: 10px;
    gap: 5px;
}

.birlikkartic img {
    width: 145px;
    height: 145px;
    max-width: 145px;
    max-height: 145px;
    object-fit: cover;
    border-radius: 5px;
}

.birlikkartic a {
}

.birlikmalvarl {
    padding: 10px;
}

.birlikkasakayit {
    padding: 10px;
}

.birlikgircik {
    padding: 10px;
}

.maddekayit {
    padding: 10px;
}

.uretimkayit {
    padding: 10px;
}

.birlikayars {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
}

.birlikayars ul {
    list-style: decimal-leading-zero;
    padding: 0 0 0 25px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.birlikayars ul li {
}

.birlikayars a {
    background: #18191a;
    padding: 5px 10px;
    border-radius: 5px;
    transition: 0.2s;
    width: fit-content;
}

.birlikayars a:hover {
    background: #000;
    transition: 0.2s;
}

.birlikpagex input {
    height: auto;
    padding: 10px !important;
}

.helperpag {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.helperic {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill,minmax(360px,1fr));
}

.helpercard {
    background: #18191a;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.helpercard img {
    height: 60px;
    width: 60px;
    max-width: 60px;
    max-height: 60px;
    object-fit: cover;
    border-radius: 5px;
    border: 3px solid #41a317;
}

.helperdetail {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.hlpbol {
    display: flex;
    gap: 5px;
}

.helperdetail a {
    display: flex;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
}

.helpertag {
    font-size: 10px;
    background: #242526;
    border-radius: 5px;
    padding: 2px 5px;
    width: fit-content;
}

.helperdetail p {
    font-size: 10px;
}

.table-helprs {
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
}

.table-helprs tr>td {
    padding: 3px 0px !important;
    text-align: center;
    border: none;
}

.table-helprs thead>tr {
    background-color: #242526;
    font-weight: 700;
}

.table-helprs tbody>tr {
    background-color: #242526;
}

.helpercardb2 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.helpercardb1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.helpercardln {
    padding: 10px;
    background: #242526;
    border-radius: 5px;
}

.helpercardln ul {
    display: flex;
    justify-content: space-between;
}

.helpercardln ul li {
    text-align: center;
}

.helpercardln ul li a {
    color: #cec6c6;
    font-weight: 700;
}

.sagyasla {
    float: right;
    display: flex;
    align-items: center;
}

.sagyasla i {
    width: fit-content;
    height: fit-content;
    display: flex;
}

.indirpag {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.prwh {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.prwh1 {
}

.prwh1 h3 {
    font-weight: 500;
    font-size: 20px;
    margin: 0;
    padding: 0;
    color: #fff;
    padding: 0 20px;
}

.prwh2 {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 20px;
}

.prwh3 {
    background: #18191a;
    padding: 20px;
    border-radius: 10px;
    width: 100%;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.prwh3 h2 {
    font-weight: 500;
    font-size: 30px;
    margin: 0;
    padding: 0;
    color: #fff;
    background: #242526;
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.prwh3 span {
}

.prwhbt {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.prwhbt a {
    text-decoration: none;
    background: #242526;
    padding: 15px 15px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: 0.2s;
}

.prwhbt a:hover {
    transition: 0.2s;
    background: #000;
}

.prwhbt i {
    display: flex;
    width: fit-content;
    height: fit-content;
}

.prwh4 {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 75%;
}

.boardbirs {
    color: #9f9f9f;
    background: linear-gradient(90deg, rgb(32 61 45) 0%, rgb(24 25 26) 0%, rgba(0,212,255,0) 100%);
    padding: 10px;
    font-size: 16px;
    cursor: pointer;
    font-weight: 700;
    margin-bottom: 10px;
    transition-duration: .5s;
    font-size: 13px;
}

.boardbirs:hover {
    transform: scale(1.02);
    transition-duration: .5s;
}

.karakterbaninfo {
    padding: 15px;
    display: flex;
    background: #3d0c0c;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    border-left: 5px solid red;
}

.karakterjails {
    padding: 15px;
    display: flex;
    background: #59200f;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    border-left: 5px solid #dd4a1e;
}

.telgaleri {
    margin-top: 10px;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill,minmax(110px,1fr));
}

.telgaleri a {
    display: flex;
}

.telgaleri img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-radius: 5px;
}

.telgaleriac {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 90%);
    z-index: 5;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.telgaleriic {
    position: relative;
    top: 0;
    display: flex;
    width: 100%;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.telgaleriic a {
    background: #18191a;
    display: flex;
    padding: 10px;
    border-radius: 20px;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.telgalerikapat {
}

.telgaleriic a i {
    display: flex;
    width: fit-content;
    height: fit-content;
    font-size: 13px;
}

.telgaleriic2 {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.telgaleriic2 a {
    background: #18191a;
    display: flex;
    padding: 10px;
    border-radius: 20px;
    align-items: center;
    justify-content: center;
    color: #fff;
    gap: 5px;
}

.telgaleriic2 img {
    border-radius: 20px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.postbitsociallink {
    background-color: #a52729;
    border-radius: 5px;
    font-size: 12px !important;
    padding: 2px;
    margin-left: 5px;
}

.karaktersociallink {
    display: flex;
    margin-top: 10px;
    background-color: #18191a;
    width: 100%;
    height: 60px;
    border-radius: 5px;
    border: 3px solid #b52121;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    transition-duration: 0.2s;
}

.karaktersociallink > a {
    z-index: 2;
    font-size: 19px;
    font-weight: bold;
    color: white;
}

.karaktersocialbg {
    width: 102px;
    height: 23px;
    background-repeat: no-repeat;
}

.karaktersociallink:hover {
    cursor: pointer;
    transform: scale(1.03) rotate(-1deg);
    transition-duration: 0.2s;
}

.staffpanel {
    display: flex;
    gap: 10px;
}

.staffside {
    background: #18191a;
    display: flex;
    flex-direction: column;
    padding: 10px;
    border-radius: 10px;
    gap: 10px;
    width: 20%;
    height: fit-content;
}

.ssideb {
    background: #000;
    padding: 10px;
    border-radius: 5px;
}

.staffsideic {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.staffsideic a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    background: #242526;
    border-radius: 5px;
}

.staffsideic a i {
    display: flex;
    width: fit-content;
    height: fit-content;
    font-size: 16px;
}

.staffmain {
    background: #18191a;
    display: flex;
    padding: 10px;
    border-radius: 10px;
    gap: 10px;
    width: 80%;
    flex-direction: column;
}

.staff-uyari {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.staff-ban {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.staff-kayitlar {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.staff-hapis-sorgula {
    display: flex;
    flex-direction: column;
    background: #242526;
    padding: 10px;
    border-radius: 10px;
    gap: 10px;
}

.staff-hapis-sorgula-ic {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 10px;
}

.staff-hapis-sorgula-ic span {
}

.staff-hapis-sorgula-ic input {
    height: auto;
    line-height: normal !important;
    padding: 10px !important;
    font-size: inherit;
    font-family: 'rubik', sans-serif;
}

.staff-hapis-sorgula-ic select {
    height: auto;
    line-height: 0 !important;
    padding: 10px !important;
    font-size: inherit;
    font-family: 'rubik', sans-serif;
}

.staff-hapis-sorgula-ic a {
    padding: 10px;
    background: #000;
    border-radius: 5px;
    text-align: center;
}

.hapis-sorgula-sonuc {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.hapis-sonucu {
    display: flex;
    padding: 10px;
    background: #18191a;
    border-radius: 5px;
}

.cr-bildirimleriniz {
    column-count: 1;
    column-gap: 0.5em;
    padding: 0.5em 0.5em 0;
    margin-bottom: 10px;
    border-radius: 10px;
}

.cr-dingdong {
    background: #18191a;
    margin-bottom: .5em;
    padding: .5em .5em .5em 2.5em;
    border-radius: 5px;
    width: 100%;
    display: inline-block;
    position: relative;
}

.cr-youtubevideos {
    column-count: 3;
    column-gap: 0.5em;
    margin: 0 0 10px;
    background: #242526;
    padding: 5px;
    border-radius: 0 0 10px 10px;
}

.cr-plusbuton {
    float: right;
    background: #18191a;
    padding: 2px 5px;
    margin: 8px;
    border-radius: 5px;
}

.trndkn {
}

.trndkn tbody>tr {
    display: flex;
    margin: 2px 0 2px 0;
}

.trndkn tbody>tr:nth-child(1) {
    border-left: 3px solid #41a317;
    padding: 0 0 0 5px;
}

.trndkn tbody>tr:nth-child(2) {
    border-left: 3px solid #b0ac00;
    padding: 0 0 0 5px;
}

.trndkn tbody>tr:nth-child(3) {
    border-left: 3px solid #b60000;
    padding: 0 0 0 5px;
}

.td-konubaslik {
    width: 50%;
}

.td-konuistat {
    width: 20%;
}

.konusonmesaj {
    width: 20%;
}

.profilbasarimlar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    width: 100%;
    padding: 5px;
    background: #242526;
    max-height: 500px;
    margin-bottom: 7px;
    border-radius: 5px;
    overflow: hidden;
    flex-wrap: wrap;
}

.profilbasarimlar div {
    display: flex;
    height: 58px;
    background-color: #18191a;
    border-radius: 5px;
    box-sizing: content-box;
    align-items: center;
    justify-content: center;
}

.profilbasarimlar div > img {
    height: 46px;
    width: 46px;
}

.cr-postbit-awards {
    flex-shrink: 0;
    border-radius: 10px;
    background: rgb(0 0 0/0.4);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    height: 32px;
    padding: 5px;
    overflow: hidden;
    max-width: 200px;
    flex-wrap: nowrap;
}

.cr-postbit-awards > div {
    height: 24px;
    width: 24px;
}

.cr-postbit-awards > div > img {
    min-height: 24px;
    min-width: 24px;
    overflow: hidden;
    white-space: nowrap;
}

.karaktersayfasi_cikartilmisjail {
    background: #9026264f;
    text-decoration: line-through;
}

.profil_discord {
    width: 100%;
    padding: 5px;
    background: #242526;
    max-height: 300px;
    overflow: hidden;
}

.profil_discord img {
    border: 3px solid #363636;
    width: 64px;
    height: 64px;
    border-radius: 5px;
}

.pvhm {
    color: yellow;
}

.atesterhata {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 0px;
    padding: 20px;
    background: #a21414;
    border-radius: 10px;
    align-items: center;
    margin: 10px 0px 10px 0px;
}

.atesterhata i {
    font-size: 33px;
    overflow: hidden;
    padding: 2px;
}

.atesterbasvuru {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding: 20px;
    background: #0b6057;
    border-radius: 10px;
    margin-top: 10px;
    align-items: center;
}

.atesterbasvuru i {
    font-size: 39px;
    padding: 2px;
}

.cerceve {
    display: block;
    position: absolute;
    object-fit: cover;
    width: 150px !important;
    height: 150px !important;
    border-radius: 2px !important;
}

.cerceve_postbit {
    display: block;
    position: absolute;
    object-fit: cover;
    width: 125px !important;
    height: 125px !important;
    border-radius: 2px !important;
}

.sorular {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 10px;
}

.sorular > .quiz {
    background-color: #242526;
    padding: 5px;
    border-radius: 5px;
}

.quiz_ust {
    display: flex;
    flex-direction: row;
    grid-gap: 5px;
    font-size: 16px;
    background-color: #18191a;
    padding: 10px;
    border-radius: 5px;
    align-items: center;
    margin-bottom: 10px;
}

.quiz_ust > .soruno {
    font-weight: bold;
    background: #000000;
    padding: 10px;
    border-radius: 5px;
}

.quizoptions textarea {
    width: 100%;
    height: 100px;
}

.cr-weeklytopchart {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* 4 sütun, her biri %25 */
    gap: 5px;
    background: #18191a;
    font-size: 11px;
    flex: 1;
    padding: 10px;
    border-radius: 5px;
    overflow: hidden;
    margin: 10px 0px 10px 0px;
}

.cr-weeklytop-category-container {
    max-width: 100%;
    overflow: hidden;
}

.cr-weeklytopchart-container {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.cr-weeklytopchart table {
    width: 100%;
    border-collapse: collapse;
}

.cr-weeklytopchart th, .cr-weeklytopchart td {
    background-color: #242526;
    border: 1px solid #1a1a1a;
    padding: 8px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cr-weeklytopchart th {
    font-weight: bold;
}

.cr-weeklytopchart td:nth-child(1), .cr-weeklytopchart th:nth-child(1) {
    width: 30px;
    text-align: center;
}

.cr-weeklytopchart td:nth-child(2), .cr-weeklytopchart th:nth-child(2) {
    max-width: 141px;
}

.cr-weeklytopchart td:nth-child(3), .cr-weeklytopchart th:nth-child(3) {
    text-align: right;
}

.cr-weeklytop-header {
    font-weight: bold;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
}

.cr-weeklytop-pagination {
    text-align: center;
    margin-top: 10px;
}

.cr-weeklytop-best-characters-origin {
    height: 12px;
    width: 12px;
    object-fit: cover;
    display: inline-block;
    position: absolute;
}

.cr-weeklytop-best-characters-name {
    margin-left: 20px;
}

.cr-weeklytop-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background-color: #ccc;
    border-radius: 50%;
    cursor: pointer;
    transition: opacity 0.3s;
}

.cr-weeklytop-dot:hover, .cr-weeklytop-dot.active {
    background-color: #666;
}

/* ===== VEHICLES PAGE (carspage) STYLES ===== */
/* Grid override: 4 columns */
.araclar {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 12px !important;
}

/* Detay button */
.carspage-detay-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    padding: 10px 12px;
    background: #3b82f6;
    color: white !important;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    margin-top: 8px;
    transition: all 0.2s ease;
    border: none;
    cursor: pointer;
}

.carspage-detay-btn:hover {
    background: #2563eb;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3);
}

.carspage-detay-btn:active {
    transform: translateY(0);
}

.carspage-detay-btn i {
    font-size: 14px;
}

/* Advanced filters */
.apiyasasag {
    flex-direction: column !important;
    gap: 10px;
    align-items: stretch !important;
}

.carspage-filter-advanced {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.carspage-filter-group {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.carspage-filter-group label {
    font-size: 10px;
    color: #888;
    font-weight: 600;
    text-transform: uppercase;
}

.carspage-filter-group input[type="number"], .carspage-filter-group select {
    padding: 8px 10px;
    background: #242526;
    border: 1px solid #333;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    transition: all 0.2s ease;
}

.carspage-filter-group input[type="number"]:focus, .carspage-filter-group select:focus {
    outline: none;
    border-color: #3b82f6;
    background: #2d2e2f;
}

.carspage-filter-group select {
    cursor: pointer;
}

.carspage-filter-range {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 8px;
    align-items: center;
}

.carspage-filter-range span {
    color: #666;
    text-align: center;
}

/* Responsive overrides */
@media (max-width: 1200px) {
    .araclar {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 900px) {
    .araclar {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .aracbilgi {
        padding: 5px 6px;
        font-size: 10px;
    }

    .aracbilgi span, .aracbilgi p {
        font-size: 10px;
    }
}

@media (max-width: 600px) {
    .araclar {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .arac {
        padding: 10px;
    }
}

@media screen and (max-width: 720px) {
    .carspage-filter-advanced {
        grid-template-columns: 1fr;
    }

    .apiyasasol {
        flex-wrap: wrap;
    }

    .apiyasasag {
        flex-direction: column;
    }

    .apiyasasag input[type="search"] {
        width: 100%;
        min-width: unset;
    }
}

.children p > span {
    padding: 5px;
    background: #242526;
    border-radius: 6px;
    border: 1px solid #3e3e3e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.children p > span:hover {
    background-color: black;
}