/* ===== TEMEL BODY STİLLERİ ===== */
body {
    background: #EBEBEB;
    color: #000000;
    font: 11pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    margin: 5px 10px 10px 10px;
    padding: 0px;
}

/* ===== LINK STİLLERİ ===== */
a:link, body_alink {
    color: #000000;
    text-decoration: none;
}

a:visited, body_avisited {
    color: #000000;
    text-decoration: none;
}

a:hover, a:active, body_ahover {
    color: #FF0000;
    text-decoration: none;
}

/* ===== SAYFA STİLLERİ ===== */
.page {
    background: #FFFFFF;
    color: #000000;
    font-family: 'Tahoma', sans-serif;
}

td, th, p, li {
    font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.tborder {
    color: #000000;
}

/* ===== TCAT (KATEGORİ BAŞLIĞI) ===== */
.tcat {
    background: linear-gradient(327deg, #214a6e, #16213E);
    color: #FFFFFF;
    font: bold 9pt Exo, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    border: 1px solid transparent;
    line-height: 30px;
}

.tcat a:link, .tcat_alink {
    color: #ffffff;
    text-decoration: none;
}

.tcat a:visited, .tcat_avisited {
    color: #ffffff;
    text-decoration: none;
}

.tcat a:hover, .tcat a:active, .tcat_ahover {
    color: #FFFF66;
    text-decoration: underline;
}

/* ===== THEAD (TABLO BAŞLIĞI) ===== */
.thead {
    background: linear-gradient(327deg, #214a6e, #16213E);
    color: #FFFFFF;
    font: bold 10px Exo, tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    line-height: 25px;
}

.thead a:link, .thead_alink {
    color: #FFFFFF;
}

.thead a:visited, .thead_avisited {
    color: #FFFFFF;
}

.thead a:hover, .thead a:active, .thead_ahover {
    color: #FFFF00;
}

.theadx {
    background: linear-gradient(327deg, #214a6e, #16213E);
    color: #FFFFFF;
    font: bold 10px Exo, tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    line-height: 25px;
}

/* ===== TFOOT (TABLO ALTBILGISI) ===== */
.tfoot {
    background: linear-gradient(181deg, #214a6e, #16213E) repeat-x top left;
    color: #E0E0F6;
    font-family: Exo;
    font-weight: bold;
    padding: 12px;
}

.tfoot a:link, .tfoot_alink {
    color: #E0E0F6;
}

.tfoot a:visited, .tfoot_avisited {
    color: #E0E0F6;
}

.tfoot a:hover, .tfoot a:active, .tfoot_ahover {
    color: #FFFF66;
}

/* ===== ALT RENKLER ===== */
.alt1, .alt1Active {
    background: #F5F5FF;
    color: #000000;
}

.alt2, .alt2Active {
    background: #E1E4F2;
    color: #000000;
}

.inlinemod {
    background: #FFFFCC;
    color: #000000;
}

/* ===== WYSIWYG EDITOR ===== */
.wysiwyg {
    background: #F4F4F4;
    color: #000000;
    font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    margin: 5px 10px 10px 10px;
    padding: 0px;
}

.wysiwyg a:link, .wysiwyg_alink {
    color: #22229C;
}

.wysiwyg a:visited, .wysiwyg_avisited {
    color: #22229C;
}

.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover {
    color: #FF4400;
}

/* ===== FORM ELEMANLARI ===== */
textarea, .bginput {
    font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.bginput option, .bginput optgroup {
    font-size: 10pt;
    font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.button {
    box-shadow: 0px 1px 0px 0px #25467A inset;
    background: #25467A linear-gradient(to bottom, #25467A 5%, #25467A 100%) repeat scroll 0% 0%;
    border-radius: 3px;
    border: 1px solid #25467A;
    display: inline-block;
    cursor: pointer;
    color: rgb(255, 255, 255);
    font-family: 'Poppins';
    font-size: 12px;
    padding: 3px 6px;
    text-decoration: none;
    text-shadow: 0px 1px 0px rgb(37, 69, 122);
}

select {
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    height: 24px;
}

option, optgroup {
    font-size: 11px;
    font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

/* ===== KÜÇÜK YAZI TIPI ===== */
.smallfont {
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.time {
    color: #666686;
}

.navbar {
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

/* ===== VURGU ===== */
.highlight {
    color: #FF0000;
    font-weight: bold;
    font-weight: 700;
}

.fjsel {
    background: #FFFFFF;
    color: #E0E0F6;
}

.fjdpth0 {
    background: #F7F7F7;
    color: #000000;
}

/* ===== PANEL STİLLERİ ===== */
.panel {
    background: #FFFFFF;
    color: #000000;
    padding: 10px;
    border: 2px outset;
}

.panelsurround {
    background: #FFFFFF;
    color: #000000;
}

legend {
    color: #22229C;
    font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

/* ===== MENU KONTROLLERI ===== */
.vbmenu_control {
    background: linear-gradient(327deg, #214a6e, #16213E);
    color: #FFFFFF;
    font: bold 12px Raleway, tahoma, verdana, geneva, lucida, lucida grande, arial, helvetica, sans-serif;
    line-height: 35px;
    white-space: nowrap;
}

.vbmenu_control a:link, .vbmenu_control_alink {
    color: #FFFFFF;
    text-decoration: none;
}

.vbmenu_control a:visited, .vbmenu_control_avisited {
    color: #FFFFFF;
    text-decoration: none;
}

.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover {
    color: #FFFFFF;
    text-decoration: underline;
}

.vbmenu_popup {
    background: #FFFFFF;
    color: #000000;
    border: 0px solid #0B198C;
}

.vbmenu_option {
    background: #BBC7CE;
    color: #000000;
    font: 11px Roboto, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    white-space: nowrap;
}

.vbmenu_option a:link, .vbmenu_option_alink {
    color: #22229C;
    text-decoration: none;
}

.vbmenu_option a:visited, .vbmenu_option_avisited {
    color: #22229C;
    text-decoration: none;
}

.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover {
    color: #FFFFFF;
    text-decoration: none;
}

.vbmenu_hilite {
    background: #8A949E;
    color: #FFFFFF;
    font: 11px Roboto, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    white-space: nowrap;
    cursor: pointer;
}

.vbmenu_hilite a:link, .vbmenu_hilite_alink {
    color: #FFFFFF;
    text-decoration: none;
}

.vbmenu_hilite a:visited, .vbmenu_hilite_avisited {
    color: #FFFFFF;
    text-decoration: none;
}

.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover {
    color: #FFFFFF;
    text-decoration: none;
}

/* ===== KULLANICI ADI STİLLERİ ===== */
.bigusername {
    font-size: 13pt;
}

.username--style38 {
    color: #ff1e1e;
    font-weight: bolder;
    text-shadow: 1px 1px 5px rgba(255, 30, 30, 0.7);
    background-color: #ff1e1e;
}

.username--style50 {
    font-weight: bolder;
    color: #0000;
    text-shadow: #40482bdb 1px 1px 10px;
}

.username--style51 {
    font-weight: bolder;
    color: #000;
    background: url(https://forumailem.com/forum/black.gif) center center repeat;
}

.username--style52 {
    font-weight: bolder;
    color: #f98c2b;
    text-shadow: #808080 1px 1px 10px;
}

.username--style53 {
    font-weight: bolder;
    color: #00008b;
    background: url(https://forumailem.com/forum/blex.gif) center center repeat;
}

.username--style57 {
    font-weight: bolder;
    color: #65aa20;
    text-shadow: #40482bdb 1px 1px 10px;
}

.username--style58 {
    font-weight: bolder;
    color: #643331;
    text-shadow: #808080 1px 1px 10px;
}

.username--style59 {
    font-weight: bolder;
    color: #4682B4;
    text-shadow: #808080 1px 1px 10px;
}

.username--style60 {
    font-weight: bolder;
    color: #472422;
    text-shadow: #808080 1px 1px 10px;
}

.username--style63 {
    font-weight: bolder;
    color: #000000;
    text-shadow: #040404 1px 1px 10px;
}

.username--style64 {
    font-weight: bolder;
    color: #202020;
    text-shadow: #808080 1px 1px 10px;
}

.username--style01 {
    font-weight: bolder;
    color: #000000;
    text-shadow: #808080 1px 1px 10px;
}

/* ===== TABLO STİLLERİ ===== */
td.thead, th.thead, div.thead {
    padding: 4px;
}

.pagenav a {
    text-decoration: none;
}

.pagenav td {
    padding: 2px 4px 2px 4px;
}

/* ===== GÖLGELI YAZI ===== */
.shade, a.shade:link, a.shade:visited {
    color: #777777;
    text-decoration: none;
}

a.shade:active, a.shade:hover {
    color: #FF4400;
    text-decoration: underline;
}

.tcat .shade, .thead .theadx .shade, .tfoot .shade {
    color: #DDDDDD;
}

/* ===== FIELDSET ===== */
.fieldset {
    margin-bottom: 6px;
}

.fieldset, .fieldset td, .fieldset p, .fieldset li {
    font-size: 12px;
}

.threadbread {
    background: #f1f1f1 url(../../../../images/gradients/top-highlight.png) repeat-x left top;
}

.shwback {
    background: #f1f1f1 url(../../../../images/gradients/top-highlight.png) repeat-x left top;
    padding: 5px;
    border: 1px solid #999;
}

.shwback h1 {
    font-size: 14px;
}

/* ===== UYARI/BİLDİRİM/REKLAM ===== */
#Uyari {
    border-bottom: 1px solid #fff;
    background-color: #ff5454;
    color: white;
    padding: 10px;
    font-size: 12px;
    font-family: arial;
}

#Uyari a {
    color: white;
    font-weight: bold;
}

#bildirim {
    border-bottom: 1px solid #fff;
    background-color: #0000FF;
    color: white;
    padding: 8px;
    font-size: 12px;
    font-family: arial;
}

#bildirim a {
    color: white;
    font-weight: bold;
}

#reklam {
    border-bottom: 1px solid #fff;
    background-color: #008080;
    color: white;
    padding: 10px;
    font-size: 12px;
    font-family: arial;
}

#reklam a {
    color: white;
    font-weight: bold;
}

/* ===== FORUM MOD DETAY ===== */
.forum-mod-detay {
    color: #000;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    text-align: left;
    display: inline;
    max-width: 95%;
    border-radius: 3px;
    border: 1px dashed #605d5d;
    background: #ffffff;
    text-shadow: 2px 1px 2px #d0d0d0;
    font-family: Raleway;
    font-size: 12px;
    height: 100%;
    line-height: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

/* ===== HATA/UYARI/BAŞARI/DOĞUM GÜNÜ ===== */
.error, .notice, .success, .birthday {
    padding: .8em;
    margin-bottom: 0em;
    border: 2px solid #ddd;
}

.error {
    background: #FFCCFF;
    color: #8a1f11;
    border-color: #FF3366;
}

.notice {
    background: #FFF6BF;
    color: #514721;
    border-color: #FFD324;
}

.success {
    background: #E6EFC2;
    color: #264409;
    border-color: #C6D880;
}

.birthday {
    background: #00FFFF;
    color: #9900FF;
    border-color: #6633CC;
}

.error a {
    color: #8a1f11;
    background: none;
    padding: 0;
    margin: 0;
}

.notice a {
    color: #514721;
    background: none;
    padding: 0;
    margin: 0;
}

.success a {
    color: #264409;
    background: none;
    padding: 0;
    margin: 0;
}

.birthday a {
    color: #9900FF;
    background: none;
    padding: 0;
    margin: 0;
}

/* ===== AVATAR ===== */
.avatar img,
.avatar:not(.medium) > img,
.b-avatar:not(.b-avatar--m) > img,
.b-avatar--thread > img,
.b-avatar--s > img,
.b-comment .b-avatar img,
.b-comp-menu-dropdown__trigger-avatar,
.profile-sidebar-widget .profileContainer .profile-photo-wrapper .profile-photo,
.b-avatar--pmchat,
.b-pmchat__participants-avatar,
img.avatar,
img.b-avatar {
    border-radius: 100%;
}

.avatar,
.b-avatar,
.b-avatar--thread {
    border: 0;
}

/* ===== BUTONLAR ===== */
.rbbtn {
    font-size: 11px;
    text-transform: uppercase;
    color: #3f4257;
    display: inline-block;
    border: 2px solid #3f4257;
    padding: 3px 15px;
    border-radius: 25px;
    font-weight: 600;
    line-height: 20px;
}

.rbbtn.rbyellow {
    border-color: #ffc600;
}

/* ===== KULLANICI LİSTESİ ===== */
ul.userList li .right {
    line-height: 45px;
    width: auto !important;
    float: right;
    line-height: 60px;
}

/* ===== NİCK STİLLERİ ===== */
.nicks4s i {
    color: #5e5c5c;
    margin-right: 3px;
    top: 1px;
    position: relative;
}

/* ===== ADMIN PANEL ===== */
.adminpanel {
    float: right;
    font-family: Helvetica;
    font-size: 14px;
    padding: 2px;
    overflow: auto;
}

.admin_panel_buton {
    float: right;
    font-size: 12px;
    background: #FF0000;
    color: #DCDCDC;
    padding: 5px;
    text-align: center;
    width: 112px;
    font-weight: 700;
    border-radius: 5px;
    border: 2px double #FF0000;
}

.admin_panel_buton:hover {
    background: #F44336;
    color: #DCDCDC;
    font-weight: 700;
    text-decoration: none;
    border-radius: 5px;
}

/* ===== MOD PANEL ===== */
.mod_panel_buton {
    float: right;
    font-size: 12px;
    background: #EF6C00;
    color: #DCDCDC;
    padding: 5px;
    text-align: center;
    width: 112px;
    font-weight: 700;
    border-radius: 5px;
    margin-top: 5px;
    border: 2px double #EF6C00;
}

.mod_panel_buton_tek {
    margin-top: 5px;
}

.mod_panel_buton:hover {
    background: #FF9900;
    color: #DCDCDC;
    font-weight: 700;
    text-decoration: none;
    border-radius: 5px;
}

/* ===== DUYURU PANEL ===== */
.duyurpanel {
    float: left;
    font-family: Helvetica;
    font-size: 14px;
    padding: 2px;
    overflow: auto;
}

.duyur_panel_buton {
    float: left;
    font-size: 10px;
    background: #FF0000;
    color: #DCDCDC;
    padding: 5px;
    text-align: center;
    width: 112px;
    font-weight: 700;
    border-radius: 5px;
    border: 2px double #FF0000;
}

.duyur_panel_buton:hover {
    background: #F44336;
    color: #DCDCDC;
    font-weight: 700;
    text-decoration: none;
    border-radius: 5px;
}

/* ===== SON DAKIKA HABERLERİ ===== */
.son-dakika-haberleri {
    background: #fefefe;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 15px 0;
    border-radius: 6px;
}

.son-dakika-haberleri h3 {
    margin: 0 0 10px 0;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}

.son-dakika-haberleri ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.son-dakika-haberleri li {
    margin-bottom: 6px;
}

.son-dakika-haberleri .tarih {
    font-size: 11px;
    color: #888;
    margin-left: 6px;
}

/* ===== İKON ÇUBUĞU ===== */
.icon-bar a {
    display: block;
    text-align: center;
    padding: 20px;
    transition: all 0.3s ease;
    color: white;
    font-size: 25px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.icon-bar a:hover {
    background-color: #000;
}

.facebook {
    background: #3B5998;
    color: white;
}

.youtube {
    background: #bb0000;
    color: white;
}

.chatsb {
    background: #25AA21;
    color: white;
}

/* ===== POSTBIT STİLLERİ ===== */
.ifpostbit {
    background: #fffffb;
    border: 1px;
    border-color: #d4d4d4;
    border-style: solid;
    border-left: 1px;
    border-left-color: #d4d4d4;
    border-left-style: solid;
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d4d4d4;
    color: #333;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    padding: 5px 5px 5px 5px;
    margin-top: 2px;
    width: 170px;
}

.icon {
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 2px;
}

#posts .alt1 a:link {
    color: #808080;
}

#posts .alt1 a:visited {
    color: #808080;
}

#posts .alt1 a:hover {
    color: #ff8939;
}

.ntable {
    width: 925px;
}

.ifpostbithash {
    width: 155px;
    border: 1px dotted rgba(85, 84, 84, .5);
    padding: 5px;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
}

/* ===== ASPİLAN ===== */
.aspilan {
    width: 100%;
    height: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.asp {
    width: 150px;
    height: 150px;
    float: left;
    margin: 5px;
    -webkit-box-shadow: 0px 9px 39px -26px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 9px 39px -26px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 9px 39px -26px rgba(0, 0, 0, 0.75);
}

.asp img {
    width: 100%;
    height: 150px;
    border-radius: 8px;
}

/* ===== EK POSTBIT ===== */
.ek-postbit {
    background: #FFFFFF;
    border: 1px;
    border-color: #ddd;
    border-style: solid;
    border-left: 1px;
    border-left-color: #333;
    border-left-style: solid;
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dadada;
    color: #333;
    font-family: Tahoma;
    font-size: 11px;
    padding: 5px 5px 5px 5px;
    margin-top: 2px;
}

.ek-postbit:hover {
    background: #E7E7E7;
    border: 1px;
    border-color: #FFF;
    border-style: solid;
    border-left: 1px;
    border-left-color: #333;
    border-left-style: dotted;
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dadada;
    color: #000;
    font-family: Tahoma;
    font-size: 11px;
    padding: 5px 5px 5px 5px;
    margin-top: 2px;
}

/* ===== EMRE KARAMAN ===== */
.emrekrmn {
    border: 3px solid #333333;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    transition: all 0.7s ease 0s;
    width: 120px;
    height: 150px;
}

.emrekrmn:hover {
    border: 3px solid #1b9bff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    transition: all 0.5s ease 0s;
    width: 100px;
    height: 100px;
}

/* ===== R10 HEADER STİLLERİ ===== */
.bold {
    font-weight: 900;
}

body.fixedHeaderBarv2 {
    padding-top: 88px !important;
}

header.v2 .headerTop {
    background: #323448;
    height: 88px;
    line-height: inherit;
    padding: 16px 0px;
}

header.v2 .headerTop .logo {
    line-height: inherit;
    margin-right: 30px;
}

header.v2 .headerTop .r10Logo {
    top: -4px;
    background: url(https://cdn.r10.net/modern/img/logo/svg/dark.svg?v=1);
    background-repeat: no-repeat;
    width: 160px;
    height: 55px;
}

header.v2 .headerTop .tools {
    position: relative;
    float: left;
    width: 56px;
    height: 56px;
    text-align: center;
    line-height: 56px;
    margin-right: 20px;
    border-radius: 2px;
    transition: all .3s;
    cursor: pointer;
}

header.v2 .headerTop .tools .icon {
    display: flex;
    align-content: center;
    justify-content: center;
    height: 100%;
    font-size: 24px;
    color: #979aae;
    transition: all .3s;
    line-height: 58px;
    border: 2px solid #3f4257;
    border-radius: 2px;
    align-items: center;
}

header.v2 .headerTop .tools:not(:hover) svg circle {
    fill: #3f4257;
}

header.v2.dark .headerTop .tools:not(:hover) svg circle {
    fill: #989bb7;
}

header.v2 .headerTop .tools .icon i {
    display: inline-block;
    width: 24px;
    height: 24px;
}

header.v2 .headerTop .tools:hover {
    background: #3F4257;
}

header.v2 .headerTop .tools:hover .icon {
    color: #D9DAE9;
}

header.v2 .headerTop .tools:hover .menu {
    opacity: 1;
    visibility: visible;
}

header.v2 .headerTop .tools .menu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 300px;
    top: 65px;
    left: 0px;
    z-index: 99999;
    background: #fff;
    box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.2);
    border-radius: 2px;
    transition: opacity .3s, visibility .09s, z-index .6s ease;
    text-align: initial;
}

header.v2 .headerTop .tools .menu .head {
    height: 40px;
    line-height: 40px;
    background-color: #e8eaec;
    padding: 0px 15px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

header.v2 .headerTop .tools .menu .head::before {
    position: absolute;
    display: inline-block;
    content: "";
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #e8eaec;
    left: 28px;
    transition: all .3s ease;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
}

header.v2 .headerTop .tools .menu .head span {
    font-weight: 600;
    font-size: 13px;
    color: #515365;
    text-transform: uppercase;
}

header.v2 .headerTop .tools .menu .list a {
    width: 33.3%;
    height: 80px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    color: #3f4257;
    position: relative;
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #e8eaec;
}

header.v2 .headerTop .tools .menu .list a img {
    margin-bottom: 10px;
}

header.v2 .headerTop .tools .menu .list a span {
    font-weight: 600;
    line-height: initial;
}

header.v2 .headerTop .tools .menu .list a:nth-child(1), 
header.v2 .headerTop .tools .menu .list a:nth-child(2) {
    border-top: 0px;
    border-bottom: 0px;
}

header.v2 .headerTop .tools .menu .list a:nth-child(2n) {
    border-left: 0px;
}

header.v2 .headerTop .tools .menu .list a:hover:after {
    width: 100%;
}

header.v2 .headerTop .tools .menu .list a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    width: 80%;
    margin: 0 auto;
}

header.v2 .headerTop .tools .menu .list a:nth-child(1) {
    color: #4285f4 !important;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url('https://cdn.r10.net/img/svg/forum.svg');
    background-size: 42px 61px;
}

header.v2.dark .headerTop .tools .menu .list a:nth-child(1) {
    background-image: url('https://cdn.r10.net/img/svg/dark-forum.svg');
}

header.v2 .headerTop .tools .menu .list a:nth-child(1):after {
    background-color: #4285f4;
}

header.v2 .headerTop .tools .menu .list a:nth-child(2) {
    color: #ea4335 !important;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url('https://cdn.r10.net/img/svg/blog.svg');
    background-size: 46px 41px;
}

header.v2.dark .headerTop .tools .menu .list a:nth-child(2) {
    background-image: url('https://cdn.r10.net/img/svg/dark-blog.svg');
}

header.v2 .headerTop .tools .menu .list a:nth-child(2):after {
    background-color: #ea4335;
}

header.v2 .headerTop .tools .menu .list a:nth-child(3) {
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    color: #e1ab0d !important;
    background-repeat: no-repeat;
    background-position: right top;
    background-image: url('https://cdn.r10.net/img/svg/analiz.svg');
    background-size: 42px 61px;
}

header.v2.dark .headerTop .tools .menu .list a:nth-child(3) {
    background-image: url('https://cdn.r10.net/img/svg/dark-analiz.svg');
}

header.v2 .headerTop .tools .menu .list a:nth-child(3):after {
    background-color: #e1ab0d;
}

header.v2 .headerTop .search input {
    color: #D9DAE9;
    background: #3F4257;
    height: 56px;
    line-height: 56px;
    border-radius: 2px;
    padding: 0 60px 0px 50px;
    transition: all .3s;
    border: 2px solid transparent;
}

header.v2 .headerTop .search input::placeholder {
    color: #D9DAE9;
}

header.v2 .headerTop .search input:focus {
    background: #4C4F64;
}

header.v2 .headerTop .search button {
    color: #D9DAE9;
    font-size: 18px;
    left: 10px;
    right: auto;
    line-height: 56px;
}

header.v2 .headerTop .search .results {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 100%;
    top: 65px;
    left: 0px;
    z-index: 99999;
    background: #fff;
    box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.2);
    border-radius: 2px;
    transition: opacity .3s, visibility .09s, z-index .6s ease;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

header.v2 .headerTop .search .results.show {
    visibility: visible;
    opacity: 1;
}

header.v2 .headerTop .search .results .head {
    height: 40px;
    line-height: 40px;
    background-color: #e8eaec;
    padding: 0px 15px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

header.v2 .headerTop .search .results .head::before {
    position: absolute;
    display: inline-block;
    content: "";
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #e8eaec;
    left: 28px;
    transition: all .3s ease;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
}

header.v2 .headerTop .search .results .head span {
    font-weight: 600;
    font-size: 13px;
    color: #515365;
    text-transform: uppercase;
}

header.v2 .headerTop .search .results ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    height: auto;
    max-height: 50vh;
    overflow-x: scroll;
}

header.v2 .headerTop .search .results ul li {
    position: relative;
    padding: 7px 15px;
    display: flex;
    align-items: center;
}

header.v2 .headerTop .search .results ul li.user .avatar,
header.v2 .headerTop .search .results ul li.user .name {
    float: left;
}

header.v2 .headerTop .search .results ul li.user .avatar {
    width: 30px;
    margin-right: 10px;
}

header.v2 .headerTop .search .results ul li.user .avatar img {
    width: 28px;
    height: 28px;
    border-radius: 2px;
}

header.v2 .headerTop .search .results ul li.user .name {
    line-height: 27px;
}

header.v2 .headerTop .search .results ul li.user .name u {
    text-decoration: none;
}

header.v2 .headerTop .search .results ul li.user .name #verified {
    font-size: 8px;
    top: -1px;
}

header.v2 .headerTop .search .results ul li.user .name #verified .fa-certificate {
    color: #38a9ff;
}

header.v2 .headerTop .search .results ul li .action {
    position: absolute;
    right: 15px;
    line-height: 27px;
    font-size: 18px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

header.v2 .headerTop .search .results .divider {
    height: 40px;
    line-height: 40px;
    background-color: #F6F8F7;
    padding: 0px 15px;
    font-size: 13px;
    font-weight: 600;
}

header.v2 .headerTop .search .results .noResult {
    width: 100%;
    margin-top: 15px;
    line-height: 50px;
    text-align: center;
}

header.v2 .headerTop .search .results .noResult i {
    color: #515365 !important;
    font-size: 72px !important;
}

header.v2 .headerTop .search .results .noResult i.icon-spinner2 {
    position: relative;
    top: 15px;
}

header.v2 .headerTop .search .results .noResult span {
    display: block;
}

header.v2 .headerTop .search .results .history .clearAll {
    line-height: 40px;
    height: 40px;
    text-align: center;
    display: block;
    border-top: 1px solid #F0F0F0;
}

header.v2 .headerTop div.user {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
}

header.v2 .headerTop div.user .icon i {
    font-size: 28px;
    color: #979AAE;
    transition: all .3s ease;
}

header.v2 .headerTop div.user .icon .count {
    border-radius: 100px;
    min-width: 26px;
    width: auto;
    height: auto;
    padding: 1px 5px;
    top: -3px;
    right: auto;
    left: calc(50% - 2px);
    line-height: initial !important;
    font-size: 12px !important;
    border-color: #323448;
}

header.v2 .headerTop div.user .info {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 30px;
}

header.v2 .headerTop div.user .info .avatar {
    line-height: inherit;
    margin-right: 20px;
}

header.v2 .headerTop div.user .info .avatar .status {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 0px;
    background: #a2a2a2;
    border: 2px solid #fff;
    border-radius: 100%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

header.v2 .headerTop div.user .info .avatar .status.on {
    background: #11f762;
}

header.v2 .headerTop div.user .info .avatar .status.vs {
    background: #ff5e3a;
}

header.v2 .headerTop div.user .info .avatar img {
    width: 56px;
    height: 56px;
    border: 0px;
}

header.v2 .headerTop div.user .info .name {
    width: auto;
    max-width: 300px;
    margin: 0 2em 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

header.v2 .headerTop div.user .info .name span:last-child {
    font-size: 16px;
    line-height: 24px;
}

header.v2 .headerTop div.user .info .logout {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.25);
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 18px;
    transition: .3s all;
}

header.v2 .headerTop div.user .info .logout:hover {
    background: rgba(255, 255, 255, 0.40);
}

header.v2 .headerTop div.user .info .logout a,
header.v2 .headerTop div.user .info .logout a i {
    color: #fff !important;
    font-size: 20px !important;
}

header.v2 .headerTop div.user .info .logout a i {
    position: relative;
    left: -1px;
}

header.v2 .headerTop div.user .icon .inner::before {
    display: none;
}

header.v2 .headerTop div.user .notificationList {
    transition: opacity .3s, visibility .09s, z-index .6s ease;
}

header.v2 .headerTop div.user .notificationList .head {
    background-color: #e8eaec;
    border-bottom: 0px;
    padding: 0px 15px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

header.v2 .headerTop div.user .notificationList .head::before {
    position: absolute;
    display: inline-block;
    content: "";
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #e8eaec;
    left: 75px;
    transition: all .3s ease;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
}

header.v2 .headerTop div.user .notificationList .head span {
    font-size: 14px;
}

header.v2 .headerTop div.user .notificationList .head span:first-child {
    float: left;
}

header.v2 .headerTop div.user .notificationList .head span:last-child {
    float: right;
}

header.v2 .headerTop div.user .notificationList .head .btn {
    float: none;
    padding: 0px 12px;
    height: 25px;
    line-height: 25px;
    font-weight: 600;
    margin-top: -3px;
    color: #3f4257;
    border-radius: 2px;
}

header.v2 .headerTop div.user .notificationList .head .btn-light {
    background: #fff;
}

header.v2 .headerTop div.user .notificationList .head .btn-light:hover {
    background: #F2F4F6;
}

header.v2 .headerTop div.user .notificationList .head .btn i {
    font-weight: 400;
    color: #3f4257;
}

header.v2 .headerTop div.user .settings {
    font-size: 30px;
    margin: 4px 0px;
}

header.v2 .headerTop div.user .settings:hover .inner i {
    color: #38a9ff;
}

header.v2 .headerTop div.user .settings .summary {
    visibility: hidden;
    opacity: 0;
    width: 500px;
    position: absolute;
    right: 0;
    top: 60px;
    border-radius: 2px;
    box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.2);
    transition: opacity .3s, visibility .09s, z-index .6s ease;
    border-radius: 2px;
    z-index: 99999;
}

header.v2 .headerTop div.user .settings .summary::before {
    position: absolute;
    display: inline-block;
    content: "";
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #494c62;
    right: 0px;
    transition: all .3s ease;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
}

header.v2 .headerTop div.user .settings:hover .summary {
    visibility: visible;
    opacity: 1;
}

header.v2 .headerTop div.user .settings .summary .cover {
    position: relative;
    background-color: #494c62;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

header.v2 .headerTop div.user .settings .summary .cover:before {
    content: "";
    background: #26283B;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    display: block;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

header.v2 .headerTop div.user .settings .summary .cover.hasCover:before {
    background: rgba(38, 40, 59, 0.85);
}

header.v2 .headerTop div.user .settings .summary .cover .info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0px;
    float: none;
    cursor: initial;
}

header.v2 .headerTop div.user .settings .summary .cover .top {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px;
    line-height: 18px;
}

header.v2 .headerTop div.user .settings .summary .cover .top .avatar img {
    width: 96px;
    height: 96px;
    border: 4px solid #fff;
    border-radius: 100%;
}

header.v2 .headerTop div.user .settings .summary .cover .top .username {
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

header.v2 .headerTop div.user .settings .summary .cover .top .username[data-usergroupid='35'] span {
    color: #fff !important;
}

header.v2 .headerTop div.user .settings .summary .cover .top .username u {
    text-decoration: none;
}

header.v2 .headerTop div.user .settings .summary .cover .top .username #verified {
    font-size: 11px;
    position: relative;
    top: -1px;
    line-height: 23px;
}

header.v2 .headerTop div.user .settings .summary .cover .top .username #verified .fa-inverse {
    color: #fff;
    font-size: 11px;
}

header.v2 .headerTop div.user .settings .summary .cover .top .username #verified .fa-certificate {
    color: #38a9ff;
    font-size: 2em;
}

header.v2 .headerTop div.user .settings .summary .cover .top .username .fast2fai {
    font-size: 11px;
    position: relative;
    top: -1px;
    line-height: 23px;
}

header.v2 .headerTop div.user .settings .summary .cover .top .username .fast2fai .fa-inverse {
    color: #fff;
    font-size: 11px;
    position: relative;
    top: 1px;
}

header.v2 .headerTop div.user .settings .summary .cover .top .username .fast2fai .fa-certificate {
    color: #2ecc71;
    font-size: 2em;
}

header.v2 .headerTop div.user .settings .summary .cover .top .status,
header.v2 .headerTop div.user .settings .summary .cover .top .visit {
    font-size: 14px;
    color: #fff;
}

header.v2 .headerTop div.user .settings .summary .cover .top .visit {
    margin-top: 4px;
}

header.v2 .headerTop div.user .settings .summary .cover .top .visit i {
    color: #fff;
    font-size: 16px;
    position: relative;
    top: 2px;
}

header.v2 .headerTop div.user .settings .summary .cover .bottom {
    width: 100%;
    height: 46px;
    line-height: 45px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    align-self: flex-end;
}

header.v2 .headerTop div.user .settings .summary .cover .bottom a {
    display: block;
    width: 50%;
    float: left;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    color: #fff;
    transition: all .3s ease;
}

header.v2 .headerTop div.user .settings .summary .cover .bottom a:first-child {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

header.v2 .headerTop div.user .settings .summary .cover .bottom a:hover {
    color: #38a9ff;
    background: rgba(0, 0, 0, 0.3);
}

header.v2 .headerTop div.user .settings .summary .mobile {
    display: none;
}

header.v2 .headerTop div.user .settings .summary .divider {
    display: flex;
    align-content: center;
    background: #EDF0F2;
    color: #3F4257;
    padding: 0px 15px;
    height: 45px;
    line-height: 45px;
    font-size: 15px;
}

header.v2 .headerTop div.user .settings .summary .divider i {
    font-size: 22px;
    margin-right: 10px;
    color: #38a9ff;
}

header.v2 .headerTop div.user .settings .summary ul {
    background: #fff;
    width: 100%;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

header.v2 .headerTop div.user .settings .summary ul li {
    width: 100%;
}

header.v2 .headerTop div.user .settings .summary ul li a,
header.v2 .headerTop div.user .settings .summary ul li label[for] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 15px;
    border-bottom: 1px solid #EDF0F2;
    font-size: 14px;
}

header.v2 .headerTop div.user .settings .summary ul li:hover a {
    background: #f8f9fa;
}

header.v2 .headerTop div.user .settings .summary ul li a i,
header.v2 .headerTop div.user .settings .summary ul li label[for] i {
    width: 22px;
    font-size: 18px;
    color: #B0B7BE;
    margin-right: 10px;
    line-height: initial;
}

header.v2 .headerTop div.user .settings .summary ul li a span.green,
header.v2 .headerTop div.user .settings .summary ul li a span.green i {
    color: #2ECC71;
}

header.v2 .headerTop div.user .settings .summary ul li a span.red,
header.v2 .headerTop div.user .settings .summary ul li a span.red i {
    color: #EA4335;
}

header.v2 .headerTop div.user .settings .summary ul li a span:last-child,
header.v2 .headerTop div.user .settings .summary ul li label[for] span:last-child {
    display: flex;
    align-items: center;
    margin-left: auto;
    text-align: right;
}

header.v2 .headerTop div.user .settings .summary ul li a span:last-child i {
    position: relative;
    top: 3px;
    margin-right: 0px;
}

header.v2 .headerTop div.user .settings .summary .buttons {
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding: 15px 20px;
}

header.v2 .headerTop div.user .settings .summary .buttons a {
    width: 45%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 15px;
    font-size: 14px;
    border-radius: 2px;
    color: #fff;
    transition: all .3s ease;
    line-height: 23px;
}

header.v2 .headerTop div.user .settings .summary .buttons a span:last-child {
    border-radius: 100px;
    background: rgba(0, 0, 0, 0.2);
    padding: 0px 10px;
    text-align: center;
}

header.v2 .headerTop div.user .settings .summary .buttons a:first-child {
    background: #494C62;
}

header.v2 .headerTop div.user .settings .summary .buttons a:nth-child(2) {
    background: #38A9FF;
}

header.v2 .headerTop div.user .settings .summary .buttons a.logout {
    width: 100%;
    margin-top: 10px;
    background: #494C62;
    padding-top: 5px;
    padding-bottom: 5px;
}

header.v2 .headerTop div.user .settings .summary .buttons a.logout span:last-child {
    border-radius: 0px;
    background: transparent;
    padding: 0;
}

header.v2 .headerTop div.user .settings .summary .buttons a.logout span:last-child i {
    color: #fff;
}

header.v2.dark .headerTop div.user .settings .summary .divider {
    background: #333549;
    color: #D6D8E6;
}

header.v2.dark .headerTop div.user .settings .summary ul li a,
header.v2.dark .headerTop div.user .settings .summary ul li label[for] {
    background: #3F4257;
    border-bottom-color: #494C62;
    color: #D6D8E6;
}

header.v2.dark .headerTop div.user .settings .summary ul li:hover a {
    background: #474A5F;
}

header.v2.dark .headerTop div.user .settings .summary ul li a i {
    color: #808894;
}

header.v2.dark .headerTop div.user .settings .summary .buttons {
    background: #3F4257;
}

header.v2.dark .headerTop div.user .settings .summary .buttons a:first-child {
    background: #595C73;
}

header.v2.light .headerTop div.visitor a.login {
    background: #38a9ff;
}

header.v2.light .headerTop div.visitor a.register {
    background: #7c5ac2;
}

header.v2.light .headerTop div.visitor a.login:hover {
    background-color: #1F90E6;
    border-color: #1F90E6;
}

header.v2.light .headerTop div.visitor a.register:hover {
    background-color: #6341A9;
    border-color: #6341A9;
}

header.v2 .headerBottom {
    height: 64px;
    line-height: 64px;
}

header.v2 .headerBottom ul li {
    padding: 0px 0.75em;
    margin: 0px;
}

header.v2 .headerBottom ul li.parent:first-child {
    padding-left: 0px;
}

header.v2 .headerBottom ul li a {
    font-size: 14px;
    font-weight: 500;
}

header.v2 .headerBottom ul li a .ri {
    position: relative;
    top: 3px;
    font-size: 16px;
    color: #38a9ff;
    margin-right: 5px;
}

header.v2 .headerBottom ul li.parent:hover a[data-parent] {
    color: #38a9ff;
}

header.v2 .headerBottom ul li ul {
    left: 0px;
    border-top: 3px solid #38a9ff;
    min-width: 250px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

header.v2 .headerBottom ul li ul:before {
    border-bottom: 6px solid #38a9ff;
    left: 0.75em;
}

header.v2 .headerBottom ul li:first-child ul:before {
    left: 1px;
}

header.v2 .headerBottom ul li ul li {
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid #edf0f5;
}

header.v2 .headerBottom ul li ul li:hover {
    background: #f8f9fa;
}

header.v2 .headerBottom ul li ul li {
    padding: 10px 25px 10px 20px;
}

header.v2 .headerBottom ul li ul li a {
    font-size: 14px;
    padding: 10px 25px 10px 20px;
    display: block;
}

header.v2 .headerBottom .colorSwitch {
    padding-right: 0px;
}

header.v2.light .headerTop {
    background: #fff;
    border-bottom: 1px solid #d5dae3;
}

header.v2.light .headerTop .r10Logo {
    top: 0px;
    background: url(https://cdn.r10.net/modern/img/logo/svg/light.svg?v=12);
    background-repeat: no-repeat;
    width: 160px;
    height: 55px;
}

header.v2.light .headerTop .tools {
    border-color: #E8EAEC;
}

header.v2.light .headerTop .tools .icon {
    color: #616579;
    border-color: #E8EAEC;
}

header.v2.light .headerTop .tools:hover,
header.v2.light .headerTop .search input {
    background: #E8EAEC;
}

header.v2.light .headerTop .search button,
header.v2.light .headerTop .search input,
header.v2.light .headerTop .search input::placeholder {
    color: #404358;
}

header.v2.light .headerTop .search input:focus {
    background: #fff;
    border: 2px solid #E8EAEC;
}

header.v2.light .headerTop div.user .icon i,
header.v2.light .headerTop div.user .icon:hover .ri-search-2-line:before,
header.v2.light .headerTop div.user .icon:hover .ri-message-2-line:before,
header.v2.light .headerTop div.user .icon:hover .ri-user-add-line:before,
header.v2.light .headerTop div.user .icon:hover .ri-notification-2-line:before {
    color: #616579;
}

header.v2.light .headerTop div.user .icon .count {
    border-color: transparent;
}

header.v2.light .headerTop div.user .info .name span {
    color: #6a728b;
}

header.v2.light .headerTop div.user .info .name a,
header.v2.light .headerTop div.user .info .name b,
header.v2.light .headerTop div.user .settings,
header.v2.light .headerTop div.user .settings a {
    color: #404358;
}

header.v2.light .headerTop div.user .button.upgrade a {
    color: #38a9ff !important;
}

header.v2.light .headerTop div.user .button.upgrade a:hover {
    color: #fff !important;
}

header.v2.dark .headerTop {
    border-bottom: 1px solid #494C62;
}

header.v2.dark .headerTop .tools .menu,
header.v2.dark .headerTop .search .results {
    background: #303245;
}

header.v2.dark .headerTop .tools .menu .list a,
header.v2.dark .headerTop .search .results .history .clearAll {
    border-color: #3A3C4F;
}

body.night header.v2 .headerTop div.user .notificationList .head,
header.v2.dark .headerTop div.user .notificationList .head,
header.v2.dark .headerTop .tools .menu .head,
header.v2.dark .headerTop .search .results .head {
    background: #2B2D40;
}

header.v2.dark .headerTop .tools .menu .head span,
header.v2.dark .headerTop .search .results .head span,
header.v2.dark .headerTop .search .results .divider,
header.v2.dark .notificationList .head span {
    color: #d9dae9;
}

header.v2.dark .headerTop div.user .notificationList .head:before,
header.v2.dark .headerTop .tools .menu .head:before,
header.v2.dark .headerTop .search .results .head:before,
header.v2.dark .notificationList .head:before {
    border-bottom: 7px solid #2B2D40;
}

header.v2.dark .headerTop .search .results .divider {
    background-color: #232538;
}

header.v2.dark .headerTop .tools .menu .list a,
header.v2.dark .headerTop .search .results a,
header.v2.dark .headerTop .search .results .noResult,
header.v2.dark .headerTop .search .results .noResult i,
header.v2.dark .notificationList .list li a,
header.v2.dark .notificationList .noResult,
header.v2.dark .notificationList .noResult i {
    color: #d9dae9 !important;
}

header.v2.dark .headerTop div.user .notificationList {
    background: #303245;
}

header.v2.dark .headerTop div.user .notificationList .head .btn-light {
    background: #323448;
}

header.v2.dark .headerTop div.user .notificationList .head .btn-light:hover {
    background: #3f4257;
}

header.v2.dark .headerTop div.user .notificationList .head .btn-light,
header.v2.dark .headerTop div.user .notificationList .head .btn-light i {
    color: #979AAE;
}

header.v2.dark .headerTop div.user .notificationList li {
    border-bottom-color: #3c3f55;
}

header.v2.dark .headerTop div.user .notificationList li.un,
header.v2.dark .headerTop div.user .notificationList li:hover {
    background: #3f4257;
}

header.v2.dark .headerBottom {
    background: #323448;
    border-top: 1px solid #494C62;
}

header.v2.dark .headerBottom ul li a[data-parent] {
    color: #D9DAE9;
}

header.v2.dark .headerBottom ul li ul {
    background: #3f4257;
}

header.v2.dark .headerBottom ul li ul li a {
    color: #d9dae9;
}

header.v2.dark .headerBottom ul li ul li {
    border-bottom: 1px solid #494C62;
}

header.v2.dark .headerBottom ul li ul li:hover {
    background: #323448 !important;
}

header.v2.dark .headerBottom ul li ul li:hover a,
header.v2.dark .headerBottom ul li a .fa-angle-down {
    color: #38a9ff;
}

header.v2.dark .colorSwitch .slider {
    background-color: #494C62;
}

header.v2.dark .colorSwitch .slider:before {
    background-color: #323448;
}

header.v2.dark .colorSwitch .slider .light,
header.v2.dark .colorSwitch .slider .dark {
    color: #fff;
}

/* ===== R10 FOOTER STİLLERİ ===== */
footer.v2 .footerMisc {
    margin: 25px 0px;
}

footer.v2 .footerMisc .container {
    display: flex;
    justify-content: space-between;
}

footer.v2 .footerMisc .left {
    width: calc(100% - 485px);
    float: left;
    background: #fff;
    border-radius: 2px;
    margin-right: 20px;
    display: flex;
    align-items: center;
}

footer.v2 .footerMisc .left div:first-child {
    height: 100%;
    border-right: 1px solid #DADFE7;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    width: 100px;
    flex-basis: 100px;
    padding: 0px 20px;
}

footer.v2 .footerMisc .left div:first-child img {
    margin: 0 auto;
}

footer.v2 .footerMisc .left div:last-child {
    font-size: 13px;
    padding: 10px 20px;
}

footer.v2 .footerMisc .right {
    width: 465px;
    float: right;
    background: #fff;
    border-radius: 2px;
    display: flex;
    align-items: center;
}

footer.v2 .footerMisc .right div:first-child {
    width: 200px;
    height: 80px;
    border-right: 1px solid #DADFE7;
    padding: 0px 20px;
    display: flex;
    align-content: center;
    align-items: baseline;
    flex-direction: column;
    justify-content: center;
    line-height: 18px;
}

footer.v2 .footerMisc .right div:last-child {
    width: calc(100% - 200px);
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer.v2 .footerMisc .right a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    transition: all .3s ease;
}

footer.v2 .footerMisc .right a.instagram {
    background-color: #bc2a8d;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

footer.v2 .footerMisc .right a.telegram {
    background: #0088cc;
}

footer.v2 .footerMisc .right a.telegram:hover {
    background: #179FE3;
}

footer.v2 .footerMisc .right a.twitter {
    background: #1DA1F2;
}

footer.v2 .footerMisc .right a.twitter:hover {
    background: #34B8FF;
}

footer.v2 .footerMisc .right a.facebook {
    background: #3b5998;
}

footer.v2 .footerMisc .right a.facebook:hover {
    background: #5270AF;
}

footer.v2 .footerMisc .right a.linkedin {
    background: #0077b5;
}

footer.v2 .footerMisc .right a.linkedin:hover {
    background: #178ECC;
}

footer.v2 .footerTop {
    background: #333549;
}

footer.v2 .footerTop .stats,
footer.v2 .footerTop .info {
    padding: 25px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

footer.v2 .footerTop .info .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

footer.v2 .footerTop .info,
footer.v2 .footerTop .links,
footer.v2 .footerTop .contacts {
    border-top: 1px solid #494C62;
}

footer.v2 .footerTop .stats {
    padding-bottom: 25px;
}

footer.v2 .footerTop .stats .left {
    width: calc(80% - 20px);
    float: left;
    border-radius: 2px;
    height: 70px;
    background: #3F4257;
    display: flex;
    align-items: center;
}

footer.v2 .footerTop .stats .left div {
    border-right: 1px solid #494C62;
    padding: 0px 20px;
    height: 70px;
}

footer.v2 .footerTop .stats .left div:last-child {
    border-right: 0px;
}

footer.v2 .footerTop .stats .left div.text {
    width: 120px;
    line-height: 70px;
    color: #D7D8E6;
    text-align: center;
}

footer.v2 .footerTop .stats .left div.online,
footer.v2 .footerTop .stats .left div.threads,
footer.v2 .footerTop .stats .left div.posts,
footer.v2 .footerTop .stats .left div.users {
    width: 20%;
    display: flex;
    align-items: center;
}

footer.v2 .footerTop .stats .left div.online .count span:first-child,
footer.v2 .footerTop .stats .left div.threads span:first-child,
footer.v2 .footerTop .stats .left div.posts span:first-child,
footer.v2 .footerTop .stats .left div.users span:first-child {
    background: #333549;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 21px;
    color: #fff;
    border-radius: 2px;
    margin-right: 15px;
}

footer.v2 .footerTop .stats .left div.online .count span:last-child,
footer.v2 .footerTop .stats .left div.threads span:last-child,
footer.v2 .footerTop .stats .left div.posts span:last-child,
footer.v2 .footerTop .stats .left div.users span:last-child {
    color: #979AAE;
    line-height: 18px;
}

footer.v2 .footerTop .stats .left div.online .count b,
footer.v2 .footerTop .stats .left div.threads b,
footer.v2 .footerTop .stats .left div.posts b,
footer.v2 .footerTop .stats .left div.users b {
    color: #D7D8E6;
}

footer.v2 .footerTop .stats .left div.online {
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer.v2 .footerTop .stats .left div.online .count {
    display: flex;
    align-items: center;
}

footer.v2 .footerTop .stats .left div.online .count span:first-child {
    background: #32AB52;
    color: #fff;
}

footer.v2 .footerTop .stats .left div.online .count span:last-child i {
    position: relative;
    top: 3px;
    color: #d7d8e6;
}

footer.v2 .footerTop .stats .left div.online .link a {
    border-radius: 2px;
    background: #333549;
    padding: 7px 15px;
    color: #fff;
    display: flex;
    align-items: center;
}

footer.v2 .footerTop .stats .left div.online .link a i {
    font-size: 18px;
    margin-right: 10px;
}

footer.v2 .footerTop .stats .left div.vb {
    width: 60%;
    display: flex;
    align-content: center;
    padding: 0px;
}

footer.v2 .footerTop .stats .left div.vb div.threads,
footer.v2 .footerTop .stats .left div.vb div.posts,
footer.v2 .footerTop .stats .left div.vb div.users {
    width: calc(100% / 3);
}

footer.v2 .footerTop .stats .right {
    width: 20%;
    height: 70px;
    background: #3F4257;
    border-radius: 2px;
    float: right;
    display: flex;
    align-items: center;
    padding: 0px 15px;
}

footer.v2 .footerTop .stats .right span:first-child {
    background: #333549;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 21px;
    color: #fff;
    border-radius: 2px;
    margin-right: 15px;
}

footer.v2 .footerTop .stats .right span:last-child {
    color: #979AAE;
}

footer.v2 .footerTop .info .left {
    float: left;
    flex: 1;
}

footer.v2 .footerTop .info .left div {
    display: flex;
    align-items: center;
    color: #979AAE;
}

footer.v2 .footerTop .info .left div span:first-child {
    width: 96px;
    height: 96px;
    line-height: 96px;
    font-size: 28px;
    text-align: center;
    background: #3F4257;
    margin-right: 15px;
    color: #979AAE;
    border-radius: 2px;
}

footer.v2 .footerTop .stats .right span:last-child b,
footer.v2 .footerTop .stats .right span:last-child a,
footer.v2 .footerTop .info .left div span:last-child b,
footer.v2 .footerTop .info .left div span:last-child a {
    font-weight: 600;
    color: #D7D8E6;
}

footer.v2 .footerTop .info .left div span:last-child {
    line-height: 20px;
}

footer.v2 .footerTop .info .right {
    float: right;
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

footer.v2 .footerTop .info .right img {
    margin-bottom: 15px;
}

footer.v2 .footerTop .info .right span {
    color: #979AAE;
}

footer.v2 .footerTop .info .right span b,
footer.v2 .footerTop .info .right span a {
    font-weight: 600;
    color: #D7D8E6;
}

footer.v2 .footerTop .links {
    padding: 25px 0;
}

footer.v2 .footerTop .links .list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer.v2 .footerTop .links .list div {
    width: 24.5%;
}

footer.v2 .footerTop .links .list div a {
    display: flex;
    align-items: center;
    padding: 10px 0 !important;
    font-size: 13px;
    text-decoration: none !important;
    outline: none !important;
    position: relative;
    border-radius: 6px;
    transition: all .3s;
    color: #D7D8E6;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

footer.v2 .footerTop .links .list div a:hover {
    padding: 10px 15px!important;
    background: #292a3a;
    color: #fff;
}

footer.v2 .footerTop .contacts {
    padding: 25px 0;
}

footer.v2 .footerTop .contacts .list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer.v2 .footerTop .contacts .list div {
    display: flex;
    align-items: center;
    background: #3F4257;
    height: 60px;
    width: 24.5%;
    border-radius: 2px;
}

footer.v2 .footerTop .contacts .list div:last-child {
    margin-right: 0px;
}

footer.v2 .footerTop .contacts .list div span {
    color: #979AAE;
}

footer.v2 .footerTop .contacts .list div span:first-child {
    width: 60px;
    height: 100%;
    line-height: 60px;
    border-right: 1px solid #494C62;
    margin-right: 15px;
    font-size: 20px;
    text-align: center;
}

footer.v2 .footerTop .contacts .list div span:last-child {
    margin-left: auto;
    color: #D7D8E6;
    padding-right: 15px;
    font-weight: 600;
}

footer.v2 .footerTop .contacts .list div span:last-child a {
    color: #D7D8E6;
}

footer.v2 .footerTop .contacts .text {
    margin-top: 15px;
    text-align: center;
    color: #979AAE;
}

footer.v2 .footerTop .contacts .text span {
    color: #D7D8E6;
    font-weight: 600;
}

footer.v2 .footerBar {
    background: #292A3A;
    height: 80px;
    line-height: initial;
}

footer.v2 .footerBar .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

footer.v2 .footerBar .left {
    color: #979AAE;
}

footer.v2 .footerBar .left span,
footer.v2 .footerBar .left span a {
    color: #fff;
    font-weight: 600;
}

footer.v2 .footerBar .right {
    height: auto;
    display: flex;
    align-items: center;
    margin-left: auto;
}

footer.v2 .footerBar .right a {
    background: transparent;
    padding: 10px 15px;
    border-radius: 2px;
    color: #979AAE;
}

footer.v2 .footerBar .right a:hover {
    background: #333549;
    color: #D7D8E6;
}

footer.v2 .sticky {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    background: #fff;
    z-index: 999999999999;
    box-shadow: 0 0 80px rgba(56, 59, 80, .5);
}

footer.v2 .sticky.static {
    position: relative;
}

footer.v2 .sticky.ios {
    padding-bottom: 15px;
}

footer.v2 .sticky .search {
    position: absolute;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: #4285f4;
    top: -22px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    z-index: 999999999999;
    line-height: 48px;
    text-align: center;
    font-size: 22px;
    color: #fff;
    cursor: pointer;
}

footer.v2 .sticky .search.active i:before {
    content: "\eb99";
}

footer.v2 .sticky .menu {
    display: flex;
}

footer.v2 .sticky .menu a {
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    font-size: 10px;
    height: 60px;
    color: #3f4257;
    border-right: 1px solid #e8eaec;
    position: relative;
}

footer.v2 .sticky .menu a:last-child {
    border-right: 0;
}

footer.v2 .sticky .menu a i {
    font-size: 18px;
    line-height: 20px;
}

footer.v2 .sticky .menu a span {
    text-align: center;
    line-height: 18px;
    font-weight: 600;
}

footer.v2 .sticky .menu a.active:before {
    position: absolute;
    top: 0;
    content: "";
    width: 100%;
    height: 3px;
    background: #4285f4;
}

footer.v2 .sticky .menu a.active i,
footer.v2 .sticky .menu a.active span {
    color: #4285f4;
}

footer.v2 .sticky .menu a.active i.ri-home-7-line:before {
    content: "\EE22";
}

footer.v2 .sticky .menu a.active i.ri-chat-new-line:before {
    content: "\eb62";
}

footer.v2 .sticky .menu a.active i.ri-window-line:before {
    content: "\f2c5";
}

footer.v2 .sticky .menu a.active i.ri-bar-chart-horizontal-line:before {
    content: "\ea9c";
}

footer.v2 .sticky .menu a.active i.ri-star-smile-line:before {
    content: "\f18e";
}

footer.v2 .sticky .menu a.active i.ri-heart-2-line:before {
    content: "\ee08";
}

footer.v2 .sticky .menu a.active i.ri-message-2-line:before {
    content: "\EF43";
}

footer.v2 .footerTop .stats.ni {
    padding-bottom: 0px;
}

footer.v2 .footerTop .stats.ni .left,
footer.v2 .footerTop .stats.ni .left div.vb {
    width: 100%;
}

footer.v2 .footerTop .stats.ni .left .vb div {
    width: calc(100% / 7);
}

footer.v2 .footerTop .stats.ni .left .vb div span:last-child a {
    color: #979aae;
    position: relative;
    top: 3px;
}

.mostLiked.acceptedAnswer .head {
    background: #2BD769;
    color: #fff;
    border-bottom: 0px;
}

.alert-acceptedAnswer {
    margin: 0px;
    border-radius: 0px;
}

.cookiePolicy {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    position: fixed;
    z-index: 999999;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0);
    background: #3f4257;
    color: #979aae;
    border-radius: 2px;
    font-size: 12.5px;
    box-shadow: 0 0 34px 0 rgba(63, 66, 87, .2);
}

.cookiePolicy span:first-child {
    padding-right: 40px;
}

.cookiePolicy a {
    font-weight: 700;
    color: #fff;
}

.cookiePolicy span.closer {
    cursor: pointer;
    color: #fff;
    font-size: 16px;
}

.forumSEODesc .szDuz {
    float: right;
    background: #38a9ff;
    border-top-right-radius: 4px;
    border-right: 0;
    margin-right: -15px;
    color: #fff !important;
    padding-left: 15px;
    padding-right: 15px;
}

.forumSEODesc .content {
    position: relative;
}

.forumSEODesc a[data-readmore-toggle] {
    margin-top: 10px;
    text-align: center;
    width: 100%;
    display: block;
}

.telegramLogin {
    margin-top: 10px;
}

.telegramLogin iframe {
    margin: 0;
}

.usernames[data-group="139"], .usernames[data-membergroups*="139"] {
    font-weight: 700;
}

body.modal-open footer.v2 .sticky {
    position: relative;
}

header.v2 .headerTop div.user .icon.takePremium {
    display: none;
}

/* ===== ROZET STİLLERİ ===== */
#verified,
.pm-badges #verified,
#docVerified,
.pm-badges #docVerified,
.fast2fai,
.pm-badges .fast2fai {
    top: 0px !important;
    width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
}

.pm-badges {
    display: flex;
    align-items: center;
}

.pm-badges.inline {
    display: inline-flex;
}

#verified .fa-certificate,
#docVerified .fa-certificate,
.fast2fai .fa-certificate {
    font-size: 24px;
}

.pm-badges #verified .fa-certificate,
.pm-badges #docVerified .fa-certificate,
.pm-badges .fast2fai .fa-certificate {
    font-size: 24px !important;
}

#verified .fa-inverse,
#docVerified .fa-inverse,
.fast2fai .fa-inverse {
    font-size: 10px;
}

.pm-badges #verified .fa-inverse,
.pm-badges #docVerified .fa-inverse,
.pm-badges .fast2fai .fa-inverse {
    font-size: 10px !important;
}

.privateMessages .middle .privateMessage .head .mobile .top .pm-badges #verified,
.privateMessages .middle .privateMessage .head .mobile .top .pm-badges #docVerified,
.privateMessages .middle .privateMessage .head .mobile .top .pm-badges .fast2fai {
    line-height: 24px !important;
}

.postList .post .postUser .userLeft .smallInfo .name #verified .fa-certificate,
.postList .post .postUser .userLeft .smallInfo .name #docVerified .fa-certificate,
.postList .post .postUser .userLeft .smallInfo .name .fast2fai .fa-certificate {
    font-size: 24px;
}

.r10Badge {
    width: 24px;
    height: 24px;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    position: relative;
}

.r10Badge:before {
    content: "\f0a3";
    width: 24px;
    height: 24px;
    font-family: 'FontAwesome';
    display: inline-block;
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
    font-size: 24px;
    position: absolute;
}

.r10Badge > i {
    font-size: 10px;
    color: #fff !important;
    z-index: 1;
}

.r10Badge-verified:before {
    color: #38a9ff;
}

.r10Badge-fast2fai:before {
    color: #2ecc71;
}

.r10Badge-fastn2fai:before {
    color: #f31212;
}

.r10Badge-birthday:before {
    color: #d05383;
}

.r10Badge-docVerified:before {
    background: linear-gradient(90deg, rgba(235, 122, 68, 1) 0%, rgba(242, 160, 60, 1) 50%, rgba(250, 201, 52, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.r10Badge-sikayet:before {
    color: #ff0000;
    animation: sikayetBlinking 1s infinite;
}

@keyframes sikayetBlinking {
    0% { color: #ff0000; }
    50% { color: #cc0000; }
    100% { color: #990000; }
}

.r10Badge .star,
.r10Badge .star i {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    font-size: 10px;
    color: #fff;
    z-index: 1;
    font-size: 8px;
    gap: 0.5px;
}

.r10Badge .star i {
    color: #ff8f00;
}

.badgeStar {
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    line-height: 10px;
    display: none;
    color: #ff8f00;
    justify-content: center;
}

.badgeStar::before {
    display: inline-flex;
    font-family: 'FontAwesome';
    font-size: 11px;
    color: #ff8f00;
    content: "\f005";
}

.badgeStar-2::before {
    content: "\f005\f005";
}

.badgeStar-3::before {
    content: "\f005\f005\f005";
}

.badgeStar-4::before {
    content: "\f005\f005\f005\f005";
}

.badgeStar-5::before {
    content: "\f005\f005\f005\f005\f005";
}

.userBlock.userBadge .content.userListBadges {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
}

.userBlock.userBadge .content.userListBadges .r10Badge {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 32px;
}

.userBlock.userBadge .content.userListBadges .r10Badge:before {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 32px;
}

.userBlock.userBadge .content.userListBadges .r10Badge > i {
    font-size: 14px;
}

.awards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 20px;
    padding: 20px;
}

.award-item {
    display: flex;
    align-items: center;
    padding: 15px;
    border: 1px solid #e2e6e9;
    border-radius: 8px;
    transition: transform 0.2s, box-shadow 0.2s;
}

body.night .award-item {
    border-color: #494c62;
}

.award-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    font-size: 24px;
    flex-shrink: 0;
}

.award-icon .r10Badge {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 60px;
}

.award-icon .r10Badge .badgeStar {
    display: inline-flex;
}

.award-icon .r10Badge:before {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 60px;
}

.award-icon .r10Badge > i {
    font-size: 24px;
}

.award-info {
    flex-grow: 1;
}

.award-info h3 {
    font-size: 16px;
    margin-bottom: 5px;
}

.award-info p {
    font-size: 12px;
    margin-bottom: 5px;
}

.award-date {
    font-size: 11px;
    color: #2fcc71;
    display: inline-flex;
}

.award-target {
    font-size: 11px;
    color: #999;
    display: inline-flex;
    margin-left: 4px;
}

.award-date::before {
    font-family: 'FontAwesome';
    content: "\f00c";
    margin-right: 5px;
}

.award-progress-bar {
    height: 8px;
    background-color: #eee;
    border-radius: 4px;
    margin: 8px 0;
    overflow: hidden;
}

.award-progress {
    height: 100%;
    background: linear-gradient(to right, #4a76a8, #6b9fd1);
    border-radius: 4px;
    transition: width 0.3s ease;
}

.progress-text {
    color: #999;
    font-size: 12px;
}

.postList .post .postUser .userLeft .smallInfo .name {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    text-overflow: clip;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: inline-flex;
}

.postList .post .postUser .userLeft .smallInfo .name .uToggle {
    display: inline-flex;
    align-items: center;
    margin-right: 4px;
}

.postList .post .postUser .userLeft .smallInfo .name::-webkit-scrollbar {
    display: none;
}

.postList .post .postUser ul.userMenu {
    margin-top: 24px;
}

.modernRank[data-id="5Yil"], .modernRank[data-id="10Yil"], .modernRank[data-id="15Yil"], .modernRank[data-id="20Yil"] {
    width: 24px !important;
    height: 24px !important;
    background-size: 21px;
    background-position: center center;
    background-repeat: no-repeat;
}

header > .headerTop div.user div.details .pm-badges .r10Badge > i {
    font-size: 10px !important;
}

.privateMessages .middle .privateMessage .head .mobile .top div.pm-badges {
    display: flex !important;
    margin-top: 2px;
}

.profile .userInfo .top .info .name {
    display: flex;
    gap: 1px;
    align-items: center;
    margin-bottom: 2px;
}

/* ===== RESPONSIVE TASARIM ===== */

@media all and (min-width: 1260px) and (max-width: 1690px) {
    header.v2 .headerTop div.user .notify .notificationList .head::before {
        left: 95px;
    }
}

@media all and (min-width: 1040px) and (max-width: 1750px) {
    body.fixedHeaderBarv2 {
        padding-top: 71px !important;
    }

    header.v2 .headerTop {
        height: 71px;
        padding: 6px 0px;
    }

    header.v2 .headerTop .r10Logo {
        top: 2px;
        height: 50px;
    }

    header.v2 .headerTop div.user .icon i {
        font-size: 24px;
    }

    header.v2 .headerTop div.user .info .avatar img {
        width: 36px;
        height: 36px;
    }

    header.v2 .headerTop div.user .settings {
        margin: 3px 0;
    }

    header.v2 .headerBottom {
        height: 54px;
        line-height: 54px;
    }

    header.v2 .headerBottom ul li {
        padding: 0px 5px;
    }

    header.v2 .headerBottom ul li a {
        font-size: 13px;
    }

    header.v2 .headerBottom ul li a .ri {
        margin-right: 3px;
    }

    header.v2 .colorSwitch .switch {
        top: 10px;
    }

    header.v2 .colorSwitch .switch .slider .light, .colorSwitch .switch .slider .dark {
        top: -10px;
    }

    header.v2 .headerTop div.user .icon.notify .notificationList {
        left: -100px;
    }

    header.v2 .headerTop div.user .notificationList .head::before {
        left: 73px;
    }

    header.v2 .headerTop div.user .notify .notificationList .head::before {
        left: 103px;
    }

    header.v2 .headerTop div.user .icon .count {
        top: -1px;
        left: 50%;
        padding: 0px 3px;
        min-width: 20px;
        font-size: 11px !important;
    }

    header.v2 .headerTop div.user .button.upgrade {
        /*display: none;*/
    }

    header.v2 .headerTop div.user .info .name {
        position: relative;
        top: -2px;
        font-size: 11px;
    }

    header.v2 .headerTop div.user .info .name span:last-child {
        font-size: 16px;
        line-height: 19px;
    }
}

@media all and (min-width: 1040px) and (max-width: 1410px) {
    header.v2 .headerTop div.user .settings .summary {
        width: 400px;
    }

    header.v2 .headerTop div.user .settings .summary .cover .top .avatar img {
        width: 64px;
        height: 64px;
    }

    header.v2 .headerTop div.user .settings .summary .cover .top {
        padding: 10px;
        line-height: 12px;
    }

    header.v2 .headerTop div.user .settings .summary .cover .top #verified,
    header.v2 .headerTop div.user .settings .summary .cover .top #verified .fast2fai {
        width: 16px;
        height: 16px;
        line-height: 17px !important;
    }

    header.v2 .headerTop div.user .settings .summary .cover .top .username #verified .fa-certificate {
        font-size: 16px;
    }

    header.v2 .headerTop div.user .settings .summary .cover .top .username #verified .fa-inverse {
        font-size: 7px;
    }

    header.v2 .headerTop div.user .settings .summary .cover .top .username {
        font-size: 14px;
    }

    header.v2 .headerTop div.user .settings .summary .cover .top .status, header.v2 .headerTop div.user .settings .summary .cover .top .visit {
        font-size: 12px;
    }

    header.v2 .headerTop div.user .settings .summary .cover .top .visit i {
        font-size: 13px;
    }

    header.v2 .headerTop div.user .settings .summary .cover .bottom {
        height: 36px;
        line-height: 35px;
    }

    header.v2 .headerTop div.user .settings .summary .cover .bottom a {
        font-size: 13px;
    }

    header.v2 .headerTop div.user .settings .summary .divider {
        height: 35px;
        line-height: 35px;
        font-size: 12px;
        padding: 0px 10px;
    }

    header.v2 .headerTop div.user .settings .summary .divider i {
        font-size: 16px;
    }

    header.v2 .headerTop div.user .settings .summary ul li a,
    header.v2 .headerTop div.user .settings .summary ul li label[for] {
        font-size: 12px;
        padding: 6px 10px;
    }

    header.v2 .headerTop div.user .settings .summary ul li a i,
    header.v2 .headerTop div.user .settings .summary ul li label[for] i {
        width: 16px;
        font-size: 16px;
    }

    header.v2 .headerTop div.user .settings .summary .buttons {
        padding: 10px;
    }

    header.v2 .headerTop div.user .settings .summary .buttons a {
        padding: 6px 10px;
        font-size: 12px;
    }
}

@media all and (max-width: 1370px) {
    footer.v2 .footerTop .stats .left div.text,
    footer.v2 .footerTop .stats .left div.online .link a {
        display: none;
    }

    footer.v2 .footerTop .stats .left div.vb {
        width: 70%;
    }

    footer.v2 .footerTop .info .left div {
        line-height: 18px;
    }

    footer.v2 .footerTop .contacts .list div {
        height: 40px;
    }

    footer.v2 .footerTop .contacts .list div span:first-child {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-right: 10px;
    }

    footer.v2 .footerTop .contacts .list div span:nth-child(2) {
        font-size: 10px;
    }

    footer.v2 .footerTop .contacts .list div span:last-child {
        padding-right: 10px;
    }

    footer.v2 .footerBar .right a {
        padding: 10px 8px;
    }
}

@media all and (min-width: 1000px) and (max-width: 1290px) {
    header.v2 .headerBottom ul li a .ri {
        font-size: 14px;
        margin-right: 0px;
    }

    header.v2 .headerTop div.user .notify .notificationList .head::before {
        left: 95px;
    }

    header.v2 .headerBottom ul li a {
        font-size: 11px;
    }
}

@media all and (min-width: 1030px) and (max-width: 1130px) {
    header.v2 .headerBottom ul li a {
        font-size: 10px;
    }
}

@media all and (max-width: 1070px) {
    body.boxed footer.v2 .footerBar .right a {
        padding: 5px;
    }
}

@media all and (max-width: 1030px) {
    header.v2 .headerTop .tools,
    header.v2 .headerTop div.user .info,
    header.v2 .headerTop div.user .notificationList .head::before,
    header.v2 .headerTop div.user .settings .summary::before,
    header.v2 .headerBottom,
    footer.v2 .footerMisc .left,
    footer.v2 .footerTop .links .list div:nth-child(2),
    footer.v2 .footerTop .links .list div:nth-child(3),
    footer.v2 .footerTop .links .list div:nth-child(4),
    footer.v2 .footerTop .info .left div span:first-child,
    footer.v2 .footerTop .contacts .list div:nth-child(2),
    footer.v2 .footerTop .stats .left div.text,
    footer.v2 .footerTop .stats .right {
        display: none;
    }

    header.v2 {
        z-index: 9999999;
    }

    header.v2 .headerTop .container {
        display: flex;
        align-items: center;
        width: 100% !important;
        height: 60px;
    }

    header.v2 .headerTop {
        padding: 0px;
        height: 60px;
    }

    header.v2 .headerTop .logo {
        margin-left: 2.5%;
    }

    header.v2 .headerTop .r10Logo {
        width: 110px !important;
        height: 40px !important;
        top: 0 !important;
    }

    header.v2 .headerTop .search {
        display: initial !important;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        width: 100vw;
        top: 60px;
        border-radius: 0px;
        box-shadow: none;
        padding: 10px 10px 100px 10px;
        overflow-y: scroll;
        height: calc(100vh - 60px);
        background: #E9EAEC;
    }

    header.v2 .headerTop .search.rtd {
        padding-bottom: 32vh;
    }

    header.v2.dark .headerTop .search {
        background: #3f4257;
    }

    header.v2.light .headerTop .search input {
        background: #3f4257;
        color: #d9dae9;
    }

    header.v2.light .headerTop .search button,
    header.v2.light .headerTop .search input,
    header.v2.light .headerTop .search input::placeholder {
        color: #d9dae9;
    }

    header.v2.light .headerTop .search input:focus {
        background: #4c4f64;
        border-color: transparent;
    }

    header.v2 .headerTop .search.show {
        visibility: visible;
        opacity: 1;
    }

    header.v2 .headerTop .search button {
        height: 56px;
        top: 10px;
    }

    header.v2 .headerTop .search .results {
        top: 0;
        position: relative;
    }

    header.v2 .headerTop div.user {
        width: auto;
        margin-left: auto;
    }

    header.v2 .headerTop div.user,
    header.v2 .headerTop div.user .icon .inner {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    header.v2 .headerTop div.user .icon {
        width: 50px;
        padding: 0;
        border-left: 1px solid #3f4257;
        height: 100%;
        margin: 0;
    }

    header.v2.light .headerTop div.user .icon {
        border-left-color: #e8eaec;
    }

    header.v2 .headerTop div.user .icon i {
        font-size: 18px;
    }

    header.v2 .headerTop div.user .icon .count {
        font-size: 8px !important;
        top: 12px;
        min-width: 20px;
        padding: 1px 3px;
    }

    header.v2 .headerTop div.user .icon.friends {
        display: block !important;
    }

    header.v2 .headerTop div.user .icon.settings {
        position: absolute;
        left: 0px;
        width: 100%;
        z-index: -1;
    }

    header.v2 .headerTop div.user .icon.settings .inner {
        display: none;
    }

    header.v2 .headerTop div.user .settings .summary {
        width: 100vw;
        border-radius: 0px;
        box-shadow: none;
        padding: 10px 10px 100px 10px;
        overflow-y: scroll;
        height: calc(100vh - 60px);
    }

    header.v2 .headerTop div.user .settings .summary.rtd {
        padding-bottom: 32vh;
    }

    header.v2 .headerTop div.user .settings .summary {
        background: #E9EAEC;
    }

    header.v2 .headerTop div.user .settings .summary.show {
        visibility: visible;
        opacity: 1;
    }

    header.v2.dark .headerTop div.user .settings .summary {
        background: #383B50;
    }

    header.v2 .headerTop div.user .settings .summary .cover,
    header.v2 .headerTop div.user .settings .summary .cover:before {
        border-radius: 2px;
    }

    header.v2 .headerTop div.user .settings .summary .cover .top .avatar img {
        width: 64px;
        height: 64px;
        display: block !important;
    }

    header.v2 .headerTop div.user .settings .summary .cover .top .details {
        line-height: 14px;
    }

    header.v2 .headerTop div.user .settings .summary .cover .top .username {
        font-size: 16px;
    }

    header.v2 .headerTop div.user .settings .summary .cover .top .status,
    header.v2 .headerTop div.user .settings .summary .cover .top .visit {
        font-size: 11px;
    }

    header.v2 .headerTop div.user .settings .summary .cover .top .visit i {
        top: 3px;
    }

    header.v2 .headerTop div.user .settings .summary .cover .bottom {
        height: 41px;
        line-height: 40px;
    }

    header.v2 .headerTop div.user .settings .summary .cover .bottom a {
        font-size: 12px;
    }

    header.v2 .headerTop div.user .settings .summary ul.mobile {
        display: block;
    }

    header.v2 .headerTop div.user .settings .summary ul.mobile li {
        margin-top: 10px;
    }

    header.v2 .headerTop div.user .settings .summary ul.mobile li a,
    header.v2 .headerTop div.user .settings .summary ul.mobile li label[for] {
        border: 0px;
        background: #fff;
        font-weight: 500;
        font-size: 12px;
    }

    header.v2.dark .headerTop div.user .settings .summary ul.mobile li a,
    header.v2.dark .headerTop div.user .settings .summary ul.mobile li label[for] {
        background: #333549;
        font-weight: 500;
        font-size: 12px;
    }

    header.v2 .headerTop div.user .settings .summary ul.mobile .colorSwitch .switch {
        height: 26px;
        top: 0px;
        margin-bottom: 0px;
    }

    header.v2 .headerTop div.user .settings .summary ul.mobile .colorSwitch .slider:before {
        width: 20px;
        height: 20px;
        left: 5px;
        bottom: 3px;
    }

    header.v2 .headerTop div.user .settings .summary ul.mobile .colorSwitch .switch .slider .light,
    header.v2 .headerTop div.user .settings .summary ul.mobile .colorSwitch .switch .slider .dark {
        position: absolute;
        top: -2px;
    }

    header.v2 .headerTop div.user .settings .summary ul.mobile .colorSwitch .switch .slider .light {
        left: 8px;
    }

    header.v2 .headerTop div.user .settings .summary ul.mobile .colorSwitch .switch .slider .dark {
        left: auto;
        right: 5px;
    }

    header.v2 .headerTop div.user .settings .summary ul.mobile .colorSwitch .switch .slider i {
        font-size: 14px;
        margin: 0px;
    }

    header.v2 .headerTop div.user .settings .summary ul.mobile .colorSwitch:hover input:checked + .slider:before {
        -webkit-transform: translateX(42px);
        transform: translateX(42px);
    }

    header.v2 .headerTop div.user .settings .summary .divider {
        background: #333649;
        height: 40px;
        line-height: 40px;
        font-size: 13px;
        margin-top: 10px;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        color: #fff;
    }

    header.v2 .headerTop div.user .settings .summary .divider i {
        width: 22px;
        font-size: 18px;
    }

    header.v2 .headerTop div.user .settings .summary ul {
        background: transparent;
    }

    header.v2 .headerTop div.user .settings .summary ul li span:last-child {
        display: flex;
        align-content: center;
        justify-content: center;
        flex-direction: row;
    }

    header.v2 .headerTop div.user .settings .summary ul li a {
        font-size: 12px;
        background: #fff;
        padding: 8px 15px;
    }

    header.v2 .headerTop div.user .settings .summary ul li a i {
        font-size: 16px;
    }

        }

    header.v2.dark .headerTop div.user .settings .summary ul li:last-child a {
        border-bottom: 0px;
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
    }

    header.v2 .headerTop div.user .settings .summary .buttons {
        background: none !important;
        padding: 15px 0px;
        flex-wrap: wrap;
    }

    header.v2 .headerTop div.user .settings .summary .buttons a {
        font-size: 12px;
    }

    header.v2 .headerTop div.user .settings .summary .buttons a:nth-child(2) {
        display: flex;
    }

    header.v2 .headerTop .notificationList {
        width: 100%;
        left: 0px !important;
        top: 65px;
        height: calc(100vh - 60px);
        border-radius: 0;
        box-shadow: none;
        padding: 0px 0px 100px;
        overflow-y: scroll;
    }

    header.v2 .headerTop .notificationList.rtd {
        padding-bottom: 32vh;
    }

    header.v2 .headerTop .notificationList .list {
        max-height: initial;
    }

    header.v2 .headerTop .notificationList .footer {
        margin: 10px;
        border-radius: 2px;
    }

    footer.v2 .footerMisc .right {
        width: 100%;
    }

    footer.v2 .footerMisc .right div:first-child {
        width: 140px;
        height: auto;
        font-size: 12px;
        padding: 15px 10px;
    }

    footer.v2 .footerMisc .right div:last-child {
        width: calc(100% - 140px);
        padding: 0px 10px;
    }

    footer.v2 .footerMisc .right a {
        width: 36px;
        height: 36px;
        line-height: 36px;
    }

    footer.v2 .footerTop {
        background: #383A4F;
        font-size: 12px;
    }

    footer.v2 .footerTop .stats .left {
        width: 100%;
        flex-direction: column;
    }

    footer.v2 .footerTop .stats .left div {
        padding: 0px 10px;
        height: 50px;
    }

    footer.v2 .footerTop .stats .left div.online .count span:last-child i {
        font-size: 13px;
    }

    footer.v2 .footerTop .stats .left div.online {
        width: 100%;
        border-right: 0px;
    }

    footer.v2 .footerTop .stats .left div.online .link a {
        display: flex;
        align-items: center;
        padding: 7px 4px;
        font-size: 10px;
        line-height: 12px;
    }

    footer.v2 .footerTop .stats .left div.online .link a i {
        font-size: 12px;
        margin-right: 5px;
    }

    footer.v2 .footerTop .stats .left {
        height: auto;
    }

    footer.v2 .footerTop .stats .left div.vb {
        width: 100%;
        border-top: 1px solid #494C62;
        border-right: 0px;
    }

    footer.v2 .footerTop .stats .left div.online .count span:first-child,
    footer.v2 .footerTop .stats .left div.threads span:first-child,
    footer.v2 .footerTop .stats .left div.posts span:first-child,
    footer.v2 .footerTop .stats .left div.users span:first-child {
        width: 26px;
        height: 26px;
        line-height: 27px;
        font-size: 13px;
        margin-right: 10px;
    }

    footer.v2 .footerTop .stats .left div.online .count span:last-child,
    footer.v2 .footerTop .stats .left div.threads span:last-child,
    footer.v2 .footerTop .stats .left div.posts span:last-child,
    footer.v2 .footerTop .stats .left div.users span:last-child {
        font-size: 10px;
        line-height: 12px;
    }

    footer.v2 .footerTop .info {
        border-top: 0px;
    }

    footer.v2 .footerTop .info .inner {
        width: 100% !important;
        flex-direction: column-reverse;
        letter-spacing: -0.59px;
    }

    footer.v2 .footerTop .info .left {
        width: 100%;
        margin-top: 10px;
        border-top: 1px solid #494C62;
        display: flex;
        justify-content: center;
    }

    footer.v2 .footerTop .info .left div {
        margin-top: 10px;
        text-align: center;
    }

    footer.v2 .footerTop .info .left div span:last-child {
        line-height: 16px;
    }

    footer.v2 .footerTop .info .left span:last-child {
        font-size: 10px;
    }

    footer.v2 .footerTop .info .right {
        width: 100%;
        margin-top: 10px;
    }

    footer.v2 .footerTop .info .right a:first-child {
        width: 180px;
    }

    footer.v2 .footerTop .info .right img {
        width: 100%;
    }

    footer.v2 .footerTop .info .right span {
        font-size: 10px;
    }

    footer.v2 .footerTop .stats,
    footer.v2 .footerTop .info,
    footer.v2 .footerTop .links,
    footer.v2 .footerTop .contacts {
        padding: 10px 0px;
    }

    footer.v2 .footerTop .links .list div {
        width: 100%;
    }

    footer.v2 .footerTop .links .list div a {
        font-size: 10px;
        padding: 6px 0 !important;
    }

    footer.v2 .footerTop .links .list div a:hover {
        padding: 6px 10px !important;
    }

    footer.v2 .footerTop .contacts .text {
        margin: 0;
        font-style: italic;
        font-size: 10px;
    }

    footer.v2 .footerTop .contacts .list {
        flex-direction: column;
    }

    footer.v2 .footerTop .contacts .list div {
        width: 100%;
        height: 30px;
        margin-bottom: 10px;
        font-size: 10px;
    }

    footer.v2 .footerTop .contacts .list div span:first-child {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-right: 10px;
        font-size: 14px;
    }

    footer.v2 .footerTop .contacts .list div span:last-child {
        padding-right: 10px;
    }

    footer.v2 .footerBar {
        height: auto;
        background: #383A4F;
        font-size: 12px;
        padding-bottom: 10px;
    }

    footer.v2.hasSticky .footerBar {
        padding-bottom: 120px;
    }

    footer.v2 .footerBar.ios {
        padding-bottom: 140px;
    }

    footer.v2 .footerBar .container {
        width: 100% !important;
        flex-direction: column-reverse;
    }

    footer.v2 .footerBar .right {
        width: 100%;
        background: #292B3A;
        margin-bottom: 10px;
        margin-left: initial;
        flex-wrap: wrap;
    }

    footer.v2 .footerBar .right a {
        width: calc(100% / 2);
        text-align: center;
        border: 1px solid #343547;
        font-size: 10px;
    }

    footer.v2 .footerBar .right a:hover {
        color: #ee0743;
        background: none;
    }

    footer.v2 .footerBar .right a:nth-child(2n-1) {
        border-top: 0px;
        border-right: 0px;
    }

    footer.v2 .footerBar .right a:nth-child(2n-2) {
        border-top: 0px;
    }

    footer.v2 .footerBar .right a.admin {
        width: 100%;
    }

    footer.v2 .sticky {
        display: block;
    }

    .cookiePolicy {
        bottom: 11%;
        left: auto;
        transform: none;
        font-size: 9px;
        padding: 10px;
        margin: 0px 5px;
    }

    .scrollToTop {
        bottom: 15%;
        width: 32px;
        height: 32px;
        line-height: 26px;
    }

    .scrollToTop i {
        font-size: 18px;
    }

    .bootstrap-select.btn-group div.dropdown-menu {
        max-width: 100%;
    }

    body.modal-open header.v2 .headerTop .search,
    body.modal-open header.v2 .headerTop .notificationList,
    body.modal-open header.v2 .headerTop div.user .settings .summary {
        height: 100vh;
    }
}

@media (max-width: 576px) {
    header.v2 .headerTop .tools {
        display: block;
        width: 30px;
        height: 30px;
        margin-left: 10px;
        position: static;
    }

    header.v2 .headerTop .tools .icon svg {
        zoom: 0.6;
    }

    header.v2 .headerTop .tools .menu {
        top: 60px;
        width: 100%;
    }

    header.v2 .headerTop .tools .menu .head::before {
        display: none;
    }

    header.v2 .headerTop .tools:hover .menu {
        opacity: 0;
        visibility: hidden;
    }

    header.v2 .headerTop .tools:hover .icon {
        color: #979aae;
    }

    header.v2 .headerTop .tools:hover {
        background: transparent;
    }

    header.v2 .headerTop .tools:not(.active) svg circle {
        fill: #9499ae;
    }

    header.v2 .headerTop .tools.active .menu {
        opacity: 1;
        visibility: visible;
    }

    header.v2 .headerTop .tools.active {
        background: #3f4257;
    }

    header.v2 .headerTop .tools.active .icon {
        color: #d9dae9;
    }
}

@media all and (max-width: 575px) {
    .headerTop div.user .button.upgrade {
        display: none;
    }

    header.v2 .headerTop div.user .icon.takePremium {
        display: block;
    }
}

@media all and (max-width: 370px) {
    body {
        padding-top: 40px;
    }

    header.v2 .headerTop,
    header.v2 .headerTop .container {
        height: 40px;
    }

    header.v2 .headerTop .r10Logo {
        height: 30px !important;
        top: 3px !important;
    }

    header.v2 .headerTop div.user .icon {
        width: 50px;
    }

    header.v2 .headerTop div.user .icon i {
        font-size: 15px;
    }

    header.v2 .headerTop div.user .icon.takePremium {
        display: none;
    }

    header.v2 .headerTop .search {
        top: 40px;
    }

    header.v2 .headerTop div.user .settings .summary,
    header.v2 .headerTop .notificationList {
        top: 45px;
    }

    header.v2 .headerTop div.user .settings .summary .buttons a {
        font-size: 10px;
        padding: 7px;
    }

    header.v2 .headerTop div.user .settings .summary .buttons a span:last-child {
        padding: 0px 6px;
    }

    footer.v2 .footerMisc .right div:first-child {
        display: none;
    }

    footer.v2 .footerMisc .right div:last-child {
        width: 100%;
        padding: 10px;
    }

    footer.v2 .footerTop .stats .left div {
        height: 40px;
        padding: 0 5px;
    }

    footer.v2 .footerTop .stats .left div.online .count span:last-child,
    footer.v2 .footerTop .stats .left div.threads span:last-child,
    footer.v2 .footerTop .stats .left div.posts span:last-child,
    footer.v2 .footerTop .stats .left div.users span:last-child {
        font-size: 8px;
        line-height: 10px;
    }

    footer.v2 .footerTop .stats .left div.online .count span:first-child,
    footer.v2 .footerTop .stats .left div.threads span:first-child,
    footer.v2 .footerTop .stats .left div.posts span:first-child,
    footer.v2 .footerTop .stats .left div.users span:first-child {
        margin-right: 5px;
    }

    footer.v2 .sticky.ios {
        padding-bottom: 0px;
    }

    footer.v2 .sticky .menu a {
        height: 40px;
        font-size: 8px;
    }

    footer.v2 .sticky .menu a i {
        font-size: 16px;
        line-height: 18px;
    }

    footer.v2 .sticky .menu a span {
        line-height: 12px;
    }

    footer.v2 .sticky .search {
        width: 32px;
        height: 32px;
        top: -12px;
        line-height: 32px;
        font-size: 14px;
    }
}

@media all and (max-width: 250px) {
    footer.v2 .footerTop .stats .left div.online .link a i {
        display: none;
    }

    footer.v2 .footerTop .stats .left div.online .link a {
        padding: 6px 4px;
        font-size: 8px;
        line-height: 8px;
    }

    footer.v2 .footerTop .stats .left div.online .count span:last-child i {
        font-size: 8px;
    }

    footer.v2 .footerTop .stats .left div.vb {
        height: auto;
        flex-direction: column;
    }

    footer.v2 .footerTop .stats .left div.vb div.threads,
    footer.v2 .footerTop .stats .left div.vb div.posts,
    footer.v2 .footerTop .stats .left div.vb div.users {
        width: 100%;
        border-bottom: 1px solid #494c62;
        border-right: 0px;
    }

    footer.v2 .footerTop .stats .left div.vb div:last-child {
        border-bottom: 0;
    }
}

@media screen and (max-width: 768px) {
    /* Temel font boyutları */
    body {
        font-size: 14px !important;
    }

    td, th, p, li {
        font-size: 13px !important;
    }

    /* Forum başlıkları */
    .tcat {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    /* Alt başlıklar */
    .thead {
        font-size: 13px !important;
        line-height: 1.3 !important;
    }

    /* Menü kontrolleri */
    .vbmenu_control {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    /* Kullanıcı adları */
    .bigusername {
        font-size: 15px !important;
    }

    /* Forum açıklamaları */
    .forum-mod-detay {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    .awards-grid {
        grid-template-columns: 1fr;
    }

    .vb-container {
        padding: 10px;
    }

    .award-item {
        flex-direction: column;
        text-align: center;
    }

    .award-icon {
        margin: 0 0 15px 0;
    }
}

@media screen and (max-width: 1440px) {
    .blogposts .item img {
        width: 80px;
        height: 80px;
        min-width: 80px;
        min-height: 80px;
    }

    .blogposts .item .title {
        font-size: 12px;
    }
}

@media screen and (max-width: 1100px) {
    .blogposts .item {
        width: calc(33.3% - 10px);
    }

    .blogposts .item:nth-child(4) {
        display: none;
    }
}

@media screen and (max-width: 800px) {
    .blogposts .item {
        width: calc(50% - 10px);
    }

    .blogposts .item:nth-child(3) {
        display: none;
    }

    .blogposts .item .title {
        font-size: 14px;
    }
}

@media screen and (max-width: 567px) {
    .blogposts .item {
        width: calc(50% - 4.5px);
        flex-direction: column;
        height: max-content;
    }

    .blogposts .item img {
        width: 100%;
        height: 80px;
        min-width: 100%;
        min-height: 100%;
        margin: 0;
        margin-bottom: 10px;
    }

    .blogposts .item .title {
        font-size: 12px;
        min-height: 56px;
    }
}

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

main.profile .blogposts {
    display: none !important;
}

.blogposts {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 15px;
}

.blogposts .loading {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    text-align: center;
    width: 100%;
}

.blogposts .item {
    width: calc(25% - 10px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 2px;
    padding: 10px;
}

.blogposts .item:hover {
    background: #4285f4;
}

.blogposts .item:hover .title {
    color: #fff;
}

.blogposts .item img {
    width: 100px;
    height: 100px;
    min-width: 100px;
    min-height: 100px;
    object-fit: cover;
    border-radius: 2px;
    margin-right: 20px;
    max-width: 30%;
}

.blogposts .item .title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    text-align: left;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

body.night .blogposts .item {
    background: #303245;
}

body.night .blogposts .item:hover {
    background: #232533;
}

body.night .blogposts .item:hover span.title {
    color: #fff;
}

body.night .blogposts .item .title {
    color: #fff;
}

body.night .blogposts .item:hover .title {
    color: #303245;
}

.pagination.filter {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.pagination.filter .threadFilter {
    margin-left: auto;
    margin-right: 10px;
    width: auto;
    height: 35px;
}

.pagination.filter .threadFilter .dropdown-toggle {
    height: 35px;
}

.pagination.filter .threadFilter form {
    padding: 0;
}

.pagination.filter .threadFilter select {
    visibility: hidden;
}

.pagination.filter .threadFilter .bootstrap-select:not([class*=span]):not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    min-width: 220px;
    max-width: 100%;
}

body:not(.night) .pagination.filter .threadFilter {
    background: #f8f9fa !important;
}

body:not(.night) .pagination.filter .threadFilter .dropdown-toggle {
    background: #f8f9fa !important;
    color: #495057 !important;
    border: 1px solid #ced4da !important;
}

@media (max-width: 1030px) {
    .pagination.filter {
        display: block;
    }

    .pagination.filter .threadFilter {
        display: block !important;
        margin-right: 0;
    }

    .pagination.filter .threadFilter .bootstrap-select:not([class*=span]):not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        min-width: 100%;
    }

    .pagination.filter .threadFilter span.option {
        width: 100%;
    }
}

div.notify .notificationList li[data-type="1"]:not(.faststicky) {
    display: block;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    background-color: rgba(255, 255, 255, 0.05);
}

div.notify .notificationList li[data-type="1"]:not(.faststicky)::after {
    background: url(https://cdn.r10.net/modern/img/svg/rokito-notify.svg) no-repeat;
    background-size: cover;
    height: 68px;
    width: 48px;
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -10px;
    right: 0;
    transform: rotate(344deg);
    opacity: 0.5;
}

body.night div.notify .notificationList li[data-type="1"]:not(.faststicky):after {
    opacity: 0.9;
}

/* ===== ÖZEL AYARLAR ===== */

html:has(.headerTop[data-daymonth="1011"][data-hour="09"])::before,
html:has(.headerTop[data-daymonth="1011"][data-hour="10"])::before,
html:has(.headerTop[data-daymonth="1011"][data-hour="11"])::before,
html:has(.headerTop[data-daymonth="1011"][data-hour="12"])::before,
html:has(.headerTop[data-daymonth="1011"][data-hour="13"])::before {
    content: "";
    position: fixed;
    inset: 0;
    background: white;
    mix-blend-mode: color;
    pointer-events: none;
    z-index: 9999999999;
}

header.v2 .headerTop .r10Logo[data-daymonth='3112'],
header.v2 .headerTop .r10Logo[data-daymonth='0101'] {
    background-repeat: no-repeat;
    width: 150px;
    top: 3px;
}

header.v2 .headerTop .r10Logo[data-daymonth='3112'][data-year='2024'] {
    background: url(https://cdn.r10.net/modern/img/logo/svg/2025/3112_dark.svg);
}

header.v2.light .headerTop .r10Logo[data-daymonth='3112'][data-year='2024'] {
    background: url(https://cdn.r10.net/modern/img/logo/svg/2025/3112_light.svg);
}

header.v2 .headerTop .r10Logo[data-daymonth='0101'][data-year='2025'] {
    background: url(https://cdn.r10.net/modern/img/logo/svg/2025/0101_dark.svg);
}

header.v2.light .headerTop .r10Logo[data-daymonth='0101'][data-year='2025'] {
    background: url(https://cdn.r10.net/modern/img/logo/svg/2025/0101_light.svg);
}

header.v2 .headerTop .r10Logo[data-daymonth='3112'][data-year='2025'] {
    background: url(https://cdn.r10.net/modern/img/logo/svg/2026/3112_dark.svg);
}

header.v2.light .headerTop .r10Logo[data-daymonth='3112'][data-year='2025'] {
    background: url(https://cdn.r10.net/modern/img/logo/svg/2026/3112_light.svg);
}

header.v2 .headerTop .r10Logo[data-daymonth='0101'][data-year='2026'] {
    background: url(https://cdn.r10.net/modern/img/logo/svg/2026/0101_dark.svg);
}

header.v2.light .headerTop .r10Logo[data-daymonth='0101'][data-year='2026'] {
    background: url(https://cdn.r10.net/modern/img/logo/svg/2026/0101_light.svg);
}

header.v2 .headerTop .r10Logo[data-id='2'],
header.v2 .headerTop[data-daymonth='0909'] .r10Logo {
    background: url(https://cdn.r10.net/modern/img/logo/svg/rokito_bayrak_dark.svg?v=1.1);
    background-repeat: no-repeat;
    width: 150px;
    top: 3px;
}

header.v2.light .headerTop .r10Logo[data-id='2'],
header.v2.light .headerTop[data-daymonth='0909'] .r10Logo {
    background: url(https://cdn.r10.net/modern/img/logo/svg/rokito_bayrak_light.svg?=v1.1);
    background-repeat: no-repeat;
    width: 150px;
    top: 3px;
}

header.v2 .headerTop .r10Logo[data-id='3'] {
    background: url(https://cdn.r10.net/modern/img/logo/svg/ataturk_dark.svg);
    background-repeat: no-repeat;
    width: 150px;
    top: 3px;
}

header.v2.light .headerTop .r10Logo[data-id='3'] {
    background: url(https://cdn.r10.net/modern/img/logo/svg/ataturk_light.svg);
    background-repeat: no-repeat;
    width: 150px;
    top: 3px;
}

header.v2 .headerTop[data-daymonth='0602'] .r10Logo {
    background: url(https://cdn.r10.net/modern/img/logo/svg/deprem_light.svg?v=2.0);
    background-repeat: no-repeat;
    width: 150px;
    top: 3px;
}

header.v2 .headerTop[data-daymonth='1803'] .r10Logo {
    background: url(https://cdn.r10.net/modern/img/logo/svg/rokito_bayrak_dark.svg);
    background-repeat: no-repeat;
    width: 150px;
    top: 3px;
}

header.v2.light .headerTop[data-daymonth='1803'] .r10Logo {
    background: url(https://cdn.r10.net/modern/img/logo/svg/rokito_bayrak_light.svg);
    background-repeat: no-repeat;
    width: 150px;
    top: 3px;
}

/* ===== SON AYARLAMALAR ===== */

@media (max-width: 1030px) {
    html { min-height: 100vh; }
}