* {
    box-sizing: border-box
}

html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%
}

a {
    outline: none
}

body {
    margin: 0;
    padding: 0;
    font-family: sans-serif,trebuchet ms,lucida grande,lucida sans unicode,arial,helvetica;
    font-size: 14px;
    width: 100%;
    height: 100%
}

input:focus,select:focus,textarea:focus,button:focus {
    outline: 0
}

p {
    padding: 0;
    margin: 0
}

img {
    border: 0
}

h1,h2,h3 {
    margin: 0;
    padding: 0
}

h2 {
    font-size: 1.5em;
    margin-bottom: 5px
}

ul {
    margin: 0px;
    padding: 0;
    list-style: none
}

li {
    list-style: none
}

button {
    border: none;
    outline: none!important;
    cursor: pointer
}

textarea,input {
    resize: none;
    font-size: 14px;
    font-family: sans-serif,trebuchet ms,lucida grande,lucida sans unicode,arial,helvetica,sans-serif
}

input {
    font-family: fontawesome,sans-serif,trebuchet ms,lucida grande,lucida sans unicode,arial,helvetica,sans-serif
}

.sub_list_name1 {
    padding: 0 5px;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    border-top: 1px solid #0f0f0f;
    border-bottom: 1px solid #0f0f0f;
    border-left: 1px solid #0f0f0f;
    border-right: 1px solid #0f0f0f
}

.sub_list_name2 {
    padding: 0 5px;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    border-bottom: 1px solid #0f0f0f;
    border-left: 1px solid #0f0f0f;
    border-right: 1px solid #0f0f0f;
    border-top: 1px solid #0f0f0f
}

.reng {
    color: #f50000;
    padding: 0 5px;
    border-top: 1px solid #0f0f0f;
    border-left: 1px solid #0f0f0f;
    border-right: 1px solid #0f0f0f;
    border-bottom: 1px solid #0f0f0f
}

* {
    box-sizing: border-box
}

.pad_box {
    padding: 15px
}

.clearbox {
    overflow-y: auto
}

.clear {
    width: 100%;
    height: 1px;
    clear: both
}

.clear3 {
    width: 100%;
    height: 3px;
    clear: both
}

.clear5 {
    width: 100%;
    height: 5px;
    clear: both
}

.clear10 {
    width: 100%;
    height: 10px;
    clear: both
}

.clear15 {
    width: 100%;
    height: 15px;
    clear: both
}

.clear20 {
    width: 100%;
    height: 20px;
    clear: both
}

.clear25 {
    width: 100%;
    height: 25px;
    clear: both
}

.clear30 {
    width: 100%;
    height: 30px;
    clear: both
}

.tmargin3 {
    margin-top: 3px
}

.tmargin5 {
    margin-top: 5px
}

.tmargin10 {
    margin-top: 10px
}

.tmargin15 {
    margin-top: 15px
}

.tmargin20 {
    margin-top: 20px
}

.tmargin25 {
    margin-top: 25px
}

.tmargin30 {
    margin-top: 30px
}

.bmargin3 {
    margin-bottom: 3px
}

.bmargin5 {
    margin-bottom: 5px
}

.bmargin10 {
    margin-bottom: 10px
}

.bmargin15 {
    margin-bottom: 15px
}

.bmargin20 {
    margin-bottom: 20px
}

.bmargin25 {
    margin-bottom: 25px
}

.bmargin30 {
    margin-bottom: 30px
}

.lmargin3 {
    margin-left: 3px
}

.lmargin5 {
    margin-left: 5px
}

.lmargin10 {
    margin-left: 10px
}

.lmargin15 {
    margin-left: 15px
}

.lmargin20 {
    margin-left: 20px
}

.lmargin25 {
    margin-left: 25px
}

.lmargin30 {
    margin-left: 30px
}

.rmargin3 {
    margin-right: 3px
}

.rmargin5 {
    margin-right: 5px
}

.rmargin10 {
    margin-right: 10px
}

.rmargin15 {
    margin-right: 15px
}

.rmargin20 {
    margin-right: 20px
}

.rmargin25 {
    margin-right: 25px
}

.rmargin30 {
    margin-right: 30px
}

.vmargin5 {
    margin-top: 3px;
    margin-bottom: 3px
}

.vmargin5 {
    margin-top: 5px;
    margin-bottom: 5px
}

.vmargin10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.vmargin15 {
    margin-top: 15px;
    margin-bottom: 15px
}

.vmargin20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.vmargin25 {
    margin-top: 25px;
    margin-bottom: 25px
}

.vmargin30 {
    margin-top: 30px;
    margin-bottom: 30px
}

.hmargin5 {
    margin-left: 3px;
    margin-right: 3px
}

.hmargin5 {
    margin-left: 5px;
    margin-right: 5px
}

.hmargin10 {
    margin-left: 10px;
    margin-right: 10px
}

.hmargin15 {
    margin-right: 15px;
    margin-right: 15px
}

.hmargin20 {
    margin-right: 20px;
    margin-right: 20px
}

.hmargin25 {
    margin-right: 25px;
    margin-right: 25px
}

.hmargin30 {
    margin-right: 30px;
    margin-right: 30px
}

.notpad3 {
    padding: 0 3px 3px
}

.notpad5 {
    padding: 0 5px 5px
}

.notpad10 {
    padding: 0 10px 10px
}

.notpad15 {
    padding: 0 15px 15px
}

.notpad20 {
    padding: 0 20px 20px
}

.notpad25 {
    padding: 0 25px 25px
}

.notpad30 {
    padding: 0 30px 30px
}

.pad3 {
    padding: 3px
}

.pad5 {
    padding: 5px
}

.pad10 {
    padding: 10px
}

.pad15 {
    padding: 15px
}

.pad20 {
    padding: 20px
}

.pad25 {
    padding: 25px
}

.pad30 {
    padding: 30px
}

.tpad3 {
    padding-top: 3px
}

.tpad5 {
    padding-top: 5px
}

.tpad10 {
    padding-top: 10px
}

.tpad15 {
    padding-top: 15px
}

.tpad20 {
    padding-top: 20px
}

.tpad25 {
    padding-top: 25px
}

.tpad30 {
    padding-top: 30px
}

.bpad3 {
    padding-bottom: 3px
}

.bpad5 {
    padding-bottom: 5px
}

.bpad10 {
    padding-bottom: 10px
}

.bpad15 {
    padding-bottom: 15px
}

.bpad20 {
    padding-bottom: 20px
}

.bpad25 {
    padding-bottom: 25px
}

.bpad30 {
    padding-bottom: 30px
}

.lpad3 {
    padding-left: 3px
}

.lpad5 {
    padding-left: 5px
}

.lpad10 {
    padding-left: 10px
}

.lpad15 {
    padding-left: 15px
}

.lpad20 {
    padding-left: 20px
}

.lpad25 {
    padding-left: 25px
}

.lpad30 {
    padding-left: 30px
}

.rpad3 {
    padding-right: 3px
}

.rpad5 {
    padding-right: 5px
}

.rpad10 {
    padding-right: 10px
}

.rpad15 {
    padding-right: 15px
}

.rpad20 {
    padding-right: 20px
}

.rpad25 {
    padding-right: 25px
}

.rpad30 {
    padding-right: 30px
}

.vpad3 {
    padding-top: 3px;
    padding-bottom: 3px
}

.vpad5 {
    padding-top: 3px;
    padding-bottom: 3px
}

.vpad5 {
    padding-top: 5px;
    padding-bottom: 5px
}

.vpad10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.vpad15 {
    padding-top: 15px;
    padding-bottom: 15px
}

.vpad20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.vpad25 {
    padding-top: 25px;
    padding-bottom: 25px
}

.vpad30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.hpad3 {
    padding-left: 3px;
    padding-right: 3px
}

.hpad5 {
    padding-left: 5px;
    padding-right: 5px
}

.hpad10 {
    padding-left: 10px;
    padding-right: 10px
}

.hpad15 {
    padding-left: 15px;
    padding-right: 15px
}

.hpad20 {
    padding-left: 20px;
    padding-right: 20px
}

.hpad25 {
    padding-left: 25px;
    padding-right: 25px
}

.hpad30 {
    padding-left: 30px;
    padding-right: 30px
}

.btable {
    display: table;
    table-layout: fixed;
    width: 100%
}

.btable_auto {
    display: table;
    table-layout: auto
}

.btable_height {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%
}

.bcell {
    display: table-cell
}

.bcell_auto {
    display: table-cell;
    width: 1%;
    white-space: nowrap
}

.brow {
    display: table-row
}

.brow_center {
    display: table-row;
    vertical-align: center
}

.bcell_mid {
    display: table-cell;
    vertical-align: middle;
}

.bcell_mid_center {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.bcell_mid_auto {
    display: table-cell;
    vertical-align: middle;
    width: 1%;
    white-space: nowrap
}

.bcell_mid_right {
    display: table-cell;
    vertical-align: middle;
    text-align: right
}

.bcell_mid_left {
    display: table-cell;
    vertical-align: middle;
    text-align: left
}

.bcell_top {
    display: table-cell;
    vertical-align: top
}

.bcell_bottom {
    display: table-cell;
    vertical-align: bottom
}

.bflow {
    overflow: hidden
}

.maxflow {
    overflow: hidden;
    max-width: 100%
}

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

.xsmall_icon {
    width: 24px;
    height: 24px
}

.small_icon {
    width: 32px;
    height: 32px
}

.med_icon {
    width: 64px;
    height: 64px
}

.large_icon {
    width: 100px;
    height: 100px
}

.sub_list_item {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 10px;
    cursor: pointer;
    margin-bottom: 3px;
    border-radius: 3px
}

.sub_half_item {
    display: table;
    table-layout: fixed;
    width: calc(50% - 10px);
    padding: 10px;
    cursor: pointer;
    margin: 0 5px 3px;
    float: left
}

.sub_list_avatar_small {
    width: 36px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.sub_list_avatar_small img {
    width: 36px;
    height: 28px;
    border-radius: 50%;
    display: block
}

.sub_list_avatar,.sub_list_img {
    width: 40px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative
}

.sub_list_avatar img,.sub_list_img img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block
}

.sub_list_avatar_large {
    width: 60px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.sub_list_avatar_large img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: block
}

.sub_list_option {
    display: table-cell;
    vertical-align: middle;
    width: 40px;
    text-align: center;
    font-size: 20px
}

.sub_list_icon {
    display: table-cell;
    vertical-align: middle;
    width: 30px;
    text-align: center;
    font-size: 16px
}

.sub_list_ricon {
    display: table-cell;
    vertical-align: middle;
    width: 30px;
    text-align: center
}

.sub_list_state {
    display: table-cell;
    width: 30px;
    vertical-align: middle;
    text-align: center;
    font-size: 16px
}

.sub_list_selected {
    display: table-cell;
    vertical-align: middle;
    width: 24px;
    text-align: center;
    font-size: 15px
}

.sub_list_content {
    display: table-cell;
    vertical-align: middle
}

.sub_list_pcontent {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px
}

.sub_list_cell {
    display: table-cell;
    vertical-align: middle
}

.sub_list_cell_top {
    display: table-cell;
    vertical-align: top
}

.sub_list_name {
    padding: 0 5px;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden
}

.sub_list_active {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 12px!important;
    height: 12px!important
}

.console_date {
    width: 65px;
    display: table-cell;
    vertical-align: top;
    font-size: 11px
}

.listing_element {
    padding: 15px 10px
}

.listing_half_element {
    padding: 15px 10px;
    width: calc(50% - 10px);
    float: left;
    margin: 0 5px
}

.listing_title {
    font-weight: 700;
    padding-bottom: 3px
}

.listing_text {
    font-size: 17px;
    font-weight: 700;
    word-wrap: break-word;
    min-height: 20px
}

.listing_icon {
    width: 24px
}

.listing_reg {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 15px 10px
}

.listing_reg_icon {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 30px;
    font-size: 16px
}

.listing_reg_content {
    display: table-cell;
    vertical-align: middle
}

.setting_element {
    padding: 8px 0
}

.ulist_container {
    max-height: 386px;
    overflow: hidden;
    overflow-y: auto;
    padding: 15px
}

.ulist_item {
    width: 100%;
    height: auto;
    table-layout: fixed;
    display: table;
    padding: 8px;
    margin-bottom: 3px;
    border-radius: 3px
}

.ulist_name {
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    padding: 0 5px
}

.ulist_data {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px
}

.ulist_option {
    display: table-cell;
    vertical-align: middle;
    width: 40px;
    text-align: center;
    font-size: 20px
}

.ulist_avatar {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 40px
}

.ulist_avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
    margin: 0 auto
}

.ulist_notify {
    display: table-cell;
    vertical-align: middle;
    width: 32px;
    text-align: center
}

.user_item,.user_item_custom {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    cursor: pointer;
    padding: 6px 8px
}

.user_item_avatar {
    display: table-cell;
    vertical-align: middle;
    width: 36px;
    position: relative;
}

.user_item_avatar .acav {
    width: 53px;
    height: 56px;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    border-radius: 0 26px;
    margin-left: 6px;
}

.user_item_data,.user_item_name {
    display: table-cell;
    vertical-align: middle;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 17px;
    margin-left: 10px;
}

.user_item_icon {
    display: table-cell;
    vertical-align: middle;
    width: 24px;
    text-align: center;
    font-size: 15px;
}

.user_item_option {
    width: 40px;
    text-align: center;
    font-size: 20px;
    vertical-align: middle;
    display: table-cell
}

.user_item_div {
    width: 60px;
    text-align: center;
    font-size: 20px;
    vertical-align: middle;
    display: table-cell
}

.user_item_flag {
    width: 24px;
    text-align: center;
    vertical-align: middle;
    display: table-cell
}

.user_item_flag img {
    width: 18px;
    height: auto;
    display: inline-block;
    margin: 0 auto;
    border-radius: 2px
}

.list_status {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    padding: 0px;
}

.list_flag {
    height: 13px;
    width: auto;
    border-radius: 2px
}

.list_rank {
    height: 22px;
    width: auto;
    display: inline-block;
    margin-left: -4px;
    margin-top: -2px;
}

.list_mute {
    height: 15px;
    width: auto
}

.list_mob {
    height: 15px;
    width: auto;
    margin-top: 101px;
    margin-left: -9px;
}

.onay_user_item .icmob {
    vertical-align: middle;
}

.onay_user_item .list_mob {
    display: inline-block;
    height: 15px;
    width: auto;
    margin: 0;
    vertical-align: middle;
}

.switch_item {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 12px
}

.switch_item_switch {
    display: table-cell;
    vertical-align: middle;
    width: 60px
}

.switch_item_text {
    display: table-cell;
    vertical-align: middle
}

.switch_wrap {
    display: block;
    width: 50px;
    margin: 0 auto
}

.bswitch {
    display: table;
    width: 50px;
    padding: 2px;
    border-radius: 100px
}

.bball_wrap {
    display: table-cell;
    vertical-align: middle
}

.bball {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: block
}

.offswitch {
    background: #ccc
}

.onswitch {
    background: #74b20e
}

.onball {
    background: #fff;
    margin-left: 22px
}

.offball {
    background: #fff;
    margin-left: 0
}

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

#preview_name {
    font-weight: 700;
    display: inline-block
}

#preview_text {
    line-height: 1.4em;
    display: inline-block
}

.boom_top_wrap {
    position: relative
}

.boom_top {
    padding: 10px 15px
}

.boom_top_close {
    cursor: pointer;
    width: 40px;
    text-align: center;
    font-size: 20px
}

.boom_top_avatar {
    width: 32px
}

.boom_top_avatar img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: block
}

.boom_top_name {
    padding: 0 10px
}

.xlarge_textarea {
    height: 300px;
    max-height: 300px
}

.large_textarea {
    height: 180px;
    max-height: 180px
}

.medium_textarea {
    height: 100px;
    max-height: 100px
}

.small_textarea {
    height: 65px;
    max-height: 65px
}

.no_break {
    white-space: nowrap
}

.aleft {
    text-align: left
}

.aright {
    text-align: right
}

.fright {
    float: right
}

.fleft {
    float: left
}

.bellips {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.btn_ellips {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis
}

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

.button_half {
    width: 49%;
    text-align: center
}

.button_left {
    float: left
}

.button_right {
    float: right
}

.button {
    padding: 8px 10px
}

.macro_button {
    padding: 2px 8px;
    margin: 2px 0 0;
    font-size: 11px;
    min-width: 20px
}

.micro_button {
    padding: 3px 8px;
    margin: 2px 0 0;
    font-size: 12px;
    min-width: 20px
}

.count_button {
    padding: 2px 6px;
    font-size: 11px;
    border-radius: 50px
}

.tiny_button {
    padding: 3px 10px;
    margin: 5px 0 0;
    min-width: 40px
}

.thin_button {
    padding: 5px 10px;
    min-width: 100px
}

.reg_button {
    padding: 10px;
    min-width: 100px
}

.card_button {
    padding: 8px 10px;
    min-width: 100px;
    max-width: 100px;
    margin-bottom: 5px
}

.mod_button {
    padding: 8px 10px;
    min-width: 100px;
    margin: 0 0 5px
}

.modr_button {
    padding: 8px 10px;
    margin: 0 0 5px
}

.small_button {
    padding: 8px 10px;
    min-width: 50px
}

.large_button {
    padding: 10px 20px;
    border-radius: 3px;
    min-width: 200px;
    font-size: 16px
}

.small_button_rounded {
    padding: 8px 12px;
    border-radius: 25px
}

.large_button_rounded {
    padding: 12px 20px;
    border-radius: 25px;
    font-size: 16px;
    min-width: 200px;
    margin-top: 5px
}

.small_button,.reg_button,.mod_button,.modr_button,.button,.tiny_button,.micro_button,.thin_button,.macro_button,.card_button {
    border-radius: 3px
}

.panel_full_btn {
    padding: 10px
}

.rounded_button {
    border-radius: 100px
}

.round_button {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.work_button {
    display: none
}

.box_height {
    max-height: 500px;
    overflow: hidden;
    overflow-y: auto
}

.box_height800 {
    max-height: 800px;
    overflow: hidden;
    overflow-y: auto
}

.box_height700 {
    max-height: 700px;
    overflow: hidden;
    overflow-y: auto
}

.box_height600 {
    max-height: 600px;
    overflow: hidden;
    overflow-y: auto
}

.box_height500 {
    max-height: 500px;
    overflow: hidden;
    overflow-y: auto
}

.box_height400 {
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto
}

.box_height300 {
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto
}

.bblock {
    display: block
}

.inblock {
    display: inline-block
}

.centered_element {
    text-align: center
}

.hidden {
    display: none
}

.fhide {
    display: none!important
}

.bclick {
    cursor: pointer
}

.fa {
    cursor: pointer
}

.bwfull {
    width: 100%
}

.bhfull {
    height: 100%
}

.noflow {
    overflow: hidden
}

.brelative {
    position: relative
}

.ital {
    font-style: italic
}

.bold {
    font-weight: 700;
    font-size: 18px
}

.boldital {
    font-weight: 700;
    font-style: italic
}

.heavybold {
    font-weight: 900
}

.heavyital {
    font-weight: 900;
    font-style: italic
}

.text_xmicro {
    font-size: 9px
}

.text_micro {
    font-size: 10px
}

.text_xsmall {
    font-size: 13px;
}

.text_ssmall {
    font-size: 12px
}

.text_small {
    font-size: 13px
}

.text_reg {
    font-size: 14px
}

.text_xreg {
    font-size: 15px
}

.text_xxreg {
    font-size: 16px
}

.text_med {
    font-size: 18px
}

.text_xmed {
    font-size: 20px
}

.text_large {
    font-size: 22px
}

.text_xlarge {
    font-size: 25px
}

.text_jumbo {
    font-size: 35px
}

.text_xjumbo {
    font-size: 45px
}

.text_ultra {
    font-size: 60px
}

.text_xultra {
    font-size: 70px
}

.noem {
    line-height: 1em
}

.avatar_menu {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    margin: 0 auto
}

.avatar_small {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: block;
    cursor: pointer
}

.avatar_med {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: block;
    cursor: pointer
}

.avatar_large {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: block;
    cursor: pointer
}

.avatar_xlarge {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    display: block;
    cursor: pointer
}

.avatar_jumbo {
    width: 140px;
    height: 140px;
    border-radius: 5px;
    display: block;
    cursor: pointer
}

.avsex {
    border: 2px solid
}

.boom_form {
    padding: 0 0 10px
}

.form_left,.form_left_full {
    width: 50%;
    float: left;
    padding-right: 3px
}

.form_right,.form_right_full {
    width: 50%;
    float: right;
    padding-left: 3px
}

.form_split {
    width: 100%;
    clear: both
}

.page_menu_item {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 15px 10px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative
}

.page_menu_icon {
    display: table-cell;
    vertical-align: middle;
    width: 30px;
    text-align: center
}

.page_menu_text {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1d656d;
}

.page_drop {
    display: none
}

.page_drop_item {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 15px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative
}

.page_drop_icon {
    display: table-cell;
    vertical-align: middle;
    width: 24px;
    text-align: center
}

.page_drop_text {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.popen {
    display: none
}

.sub_menu {
    border-radius: 2px
}

.sub_menu_item {
    padding: 12px 6px;
    display: table;
    table-layout: fixed;
    width: 100%;
    cursor: pointer;
    font-size: 14px
}

.sub_menu_icon {
    width: 30px;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

.sub_menu_text {
    display: table-cell;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.sub_menu_item,.fmenu_item,.avitem {
    border-bottom: 1px solid #ededed;
    background: #fff;
    color: #032e8d
}

.sub_menu_item:hover,.sub_menu_item:hover>.sub_menu_icon,.fmenu_item:hover,.avitem:hover {
    background: #ededed;
    color: #666!important
}

.fmenu {
    position: absolute;
    border-radius: 5px;
    overflow: hidden;
    display: none
}

.fmenu_item {
    padding: 15px 10px;
    display: table;
    table-layout: fixed;
    width: 100%;
    cursor: pointer;
    font-size: 14px;
    text-shadow: none
}

.fmenu_icon {
    width: 30px;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

.fmenu_text {
    display: table-cell;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: initial
}

.fmenut {
    padding: 10px
}

#pro_menu {
    right: 0;
    top: 100%;
    width: 170px;
    z-index: 40
}

#private_menu {
    right: 0;
    top: 100%;
    width: 170px;
    z-index: 40
}

#mobile_main_menu {
    right: 0;
    top: 100%;
    z-index: 161;
    width: 200px
}

#av_menu {
    width: 240px;
    height: auto;
    position: absolute;
    bottom: 0;
    left: -5000px;
    z-index: 99;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer
}

.topcard {
    padding: 10px;
    min-height: 90px
}

.bottomcard {
}

.avbackground {
    background-size: cover!important;
    background-position: 50% 50%!important
}

.avavpart {
    text-align: center
}

.avagegender {
    font-size: 12px
}

.avdetails {
    text-align: center
}

.avtopmenu {
    min-height: 15px;
    margin-bottom: -10px
}

.avoption {
    width: 24px;
    height: 24px;
    font-size: 16px;
    text-align: center
}

.avavatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: block;
    margin: 0 auto
}

.avusername {
    font-weight: 700;
    font-size: 18px;
    width: 100%
}

.avflag {
    height: 14px;
    display: block;
    border-radius: 2px;
    margin: 0 auto;
    margin-top: 3px
}

.avcontent {
    width: 100%;
    display: block;
    position: relative
}

.avitem {
    padding: 12px 10px;
    text-align: center;
    cursor: pointer
}

#log_menu {
    width: 130px;
    height: auto;
    position: absolute;
    bottom: 0;
    left: -5000px;
    z-index: 99;
    border-radius: 3px;
    overflow: hidden
}

.logmenu {
    width: 100%;
    display: block;
    position: relative
}

.left_item {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 15px 5px;
    cursor: pointer;
    border-bottom: 1px solid #0f0f0f
}

.left_item_text {
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 15px;
    font-weight: bolder
}

.left_item_icon {
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    width: 26px
}

.left_item_notify {
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    width: 36px;
    position: relative
}

.left_drop_item {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 15px 12px;
    cursor: pointer
}

.left_drop_text {
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.left_drop_icon {
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    width: 26px
}

.left_drop_notify {
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    width: 36px;
    position: relative
}

.status_option {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 15px 10px;
    margin-bottom: 3px;
    border-radius: 3px;
    cursor: pointer
}

.status_text {
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 19px;
    font-weight: bolder;
    color: #0efb0e;
}

.status_zone {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 28px
}

.text_status {
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.zone_status {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 28px
}

.status_icon {
    width: 16px;
    height: 16px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    padding: 1px
}

.icon_status {
    width: 16px;
    height: 16px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    padding: 1px
}

.icon_text {
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.warning_box {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-radius: 4px;
    margin: 10px 0
}

.warning_box_icon {
    display: table-cell;
    vertical-align: top;
    width: 32px;
    font-size: 17px;
    text-align: center;
    padding: 8px 0
}

.warning_box_text {
    display: table-cell;
    vertical-align: top;
    padding: 10px 5px;
    font-size: 13px
}

.top_mod {
    display: table;
    table-layout: fixed;
    width: 100%
}

.top_mod_empty {
    display: table-cell;
    vertical-align: middle
}

.top_mod_option {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    text-align: center;
    width: 40px;
    height: 40px
}

#page_global {
    display: table;
    table-layout: fixed;
    width: 100%
}

#page_wrapper {
    display: table;
    table-layout: fixed;
    width: 100%;
    position: relative;
    z-index: 1
}

.page_indata {
    display: table-cell;
    vertical-align: top
}

.page_menu {
    display: table-cell;
    vertical-align: top;
    width: 220px;
    padding-right: 10px
}

.page_full {
    width: 100%;
    display: table;
    table-layout: fixed
}

.page_left {
    display: table-cell;
    vertical-align: top;
    padding-right: 10px
}

.page_right {
    display: table-cell;
    vertical-align: top;
    padding-left: 10px
}

.page_350 {
    width: 330px;
    display: table-cell;
    vertical-align: top
}

.page_40 {
    width: 40%;
    display: table-cell;
    vertical-align: top
}

.page_quarter {
    width: 25%;
    display: table-cell
}

.page_half {
    width: 50%;
    display: table-cell;
    vertical-align: top
}

.page_third {
    width: 33%;
    display: table-cell;
    vertical-align: top
}

.page_two_third {
    width: 66%;
    display: table-cell;
    vertical-align: top
}

.page_350 img,.page_full img,.page_left img,.page_right img,.page_40 img,.page_quarter img,.page_half img,.page_third img,.page_two_third img {
    max-width: 100%
}

.page_element {
    padding: 15px;
    margin-bottom: 10px
}

.box_title {
    margin-bottom: 12px;
    padding: 0 0 8px;
    font-weight: 700
}

.split {
    display: table;
    width: 100%;
    table-layout: fixed
}

.split_left,.element_left {
    width: 50%;
    display: table-cell;
    padding-right: 5px
}

.split_right,.element_right {
    width: 50%;
    display: table-cell;
    padding-left: 5px
}

.page_top_elem {
    display: table;
    table-layout: fixed;
    width: 100%
}

.page_top_title {
    display: table-cell;
    vertical-align: middle
}

.page_top_option {
    display: table-cell;
    vertical-align: middle;
    width: 120px
}

.label {
    margin: 5px 0;
    font-size: 12px;
    font-weight: 700
}

.label_line {
    margin: 5px 0;
    font-size: 12px;
    font-weight: 700;
    padding-bottom: 5px
}

.sub_label {
    padding-top: 5px;
    font-size: 12px
}

.list {
    padding: 15px
}

.list li {
    list-style: disc;
    padding: 1px 0
}

.aclist {
    padding: 10px 20px
}

.list_icon {
    width: 20px;
    display: inline-block
}

.modal_open {
    overflow: hidden
}

.full_input,.full_textarea {
    padding: 12px 10px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    border: none;
    border-radius: 2px
}

.edit_page_box {
    min-height: 600px
}

.large_input {
    font-size: 20px
}

.selectboxit-container .selectboxit-list {
    width: 100%
}

.selectboxit-container {
    width: 100%
}

.selectboxit-container .selectboxit {
    width: 100%
}

.selectboxit-container .selectboxit-options {
    max-height: 180px;
    border-radius: 2px
}

.selectboxit-container span,.selectboxit-container .selectboxit-options a {
    height: 44px;
    line-height: 44px
}

.selectboxit-container .selectboxit {
    border-radius: 2px
}

#side_content {
    width: 480px;
    max-width: 100%;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 500;
    display: none
}

#side_close {
    width: 100%;
    height: 46px
}

.side_close_btn {
    width: 40px;
    height: 100%;
    font-size: 22px;
    text-align: center;
    cursor: pointer
}

#side_inside {
    overflow: hidden;
    overflow-y: auto
}

.username {
    font-weight: 700;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
}

.link_like {
    text-decoration: underline
}

.no_link_like {
    text-decoration: none;
    cursor: pointer
}

.system_text {
    display: inline-block;
    max-width: 100%;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 5px;
    font-weight: 400!important;
    font-size: 12px
}

.post_content .system_text {
    display: block;
    text-align: center;
    padding: 10px
}

#content_page {
    width: 100%;
    height: auto
}

#chat_right_data .load_more {
    margin-bottom: 50px
}

.page_element {
    border-radius: 2px
}

.not_member {
    padding: 10px 15px;
    font-size: 12px;
    margin-top: 5px
}

.login_control {
    margin-top: 5px
}

.rules_click {
    cursor: pointer;
    text-decoration: underline
}

.fbl_button {
    background: #3b5998;
    color: #fff
}

.twit_button {
    background: #1da1f2;
    color: #fff
}

.gplus_button {
    background: #dd4b39;
    color: #fff
}

.gplus {
    color: #dd4b39
}

.fbook {
    color: #3b5998
}

.twit {
    color: #1da1f2
}

.linkedin {
    background: #0077b5;
    cursor: pointer;
    color: #fff
}

.uploaded_file {
    text-decoration: none!important;
    display: block;
    padding: 3px 10px;
    border-radius: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#monitor_data {
    z-index: 10000;
    position: fixed;
    top: 15px;
    left: 15px;
    padding: 15px;
    background: rgba(0,102,0,.95);
    color: #fff;
    border-radius: 5px;
    display: none;
    cursor: pointer;
    min-width: 130px
}

#main_footer {
    padding: 15px 0;
    height: auto
}

#menu_main_footer {
    font-size: 15px;
    width: auto
}

#menu_main_footer li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 6px;
    font-size: 13px
}

#menu_main_footer li a {
    color: inherit;
    text-decoration: none
}

.page_title {
    padding-bottom: 5px;
    margin-bottom: 15px
}

.text_title {
    font-weight: 700;
    font-size: 15px
}

.text_text {
    font-size: 13px;
    margin: 7px 0
}

.text_box {
    max-height: 500px;
    overflow-y: auto
}

#intro_section_user {
    padding: 72px 0
}

.active_user {
    height: 110px;
    text-align: center;
    float: left;
    overflow: hidden
}

.active_embed {
    width: 50px;
    height: 50px;
    display: inline;
    margin: 5px
}

.active_embed_user {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.out_page_container {
    width: 100%;
    height: 100%;
    display: table;
    table-layout: fixed
}

.out_page_content {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    position: relative
}

.out_page_box {
    max-width: 94%;
    width: 480px;
    margin: 0 auto
}

.out_page_title {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 10px
}

.out_page_text {
    font-size: 16px;
    margin-bottom: 15px
}

.adm_login {
    position: absolute;
    bottom: 5px;
    left: 5px;
    display: block;
    padding: 10px
}

#main_input {
    height: 38px;
    width: 100%
}

#container_input {
    padding: 4px
}

#content,#message_content {
    width: 100%;
    height: 100%;
    padding: 0;
    padding: 0 12px;
    float: left;
    font-size: 16px;
    border-radius: 100px
}

#inputt_left {
    height: 100%
}

.chat_input_container {
    width: 100%
}

.main_item {
    width: 38px;
    height: 100%;
    text-align: center;
    font-size: 24px;
    z-index: 1;
    display: table-cell;
    vertical-align: middle;
    position: relative
}

.main_hide {
    display: none
}

.sub_hidden {
    display: none
}

.input_icon {
    font-size: 18px
}

.td_input {
    height: 100%;
    display: table-cell;
    padding: 0 3px
}

.input_table {
    overflow: hidden;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%
}

.csend {
    border-radius: 100px
}

#send_image {
    border-radius: 0
}

#submit_button {
    width: 100%;
    float: right;
    height: 100%!important;
    font-weight: 700;
    box-shadow: none!important;
    padding: 0;
    border: none!important;
    font-size: 16px
}

#inside_wrap_chat {
    height: 100%;
    overflow: hidden
}

#container_show_chat {
    width: 100%;
    height: 100%;
    position: relative
}

#show_chat {
    width: 100%;
    height: 100%;
    overflow: auto;
    overflow-x: hidden
}

#wrap_chat {
    height: 100%;
    width: 100%
}

#warp_show_chat {
    height: 78%;
    overflow: hidden
}

#show_chat ul {
    width: 100%;
    position: relative
}

#menu_container_inside {
    margin: 0 auto
}

#wrap_footer {
    height: auto;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 200
}

#my_menu {
    width: 100%;
    height: 46px;
    display: table;
    table-layout: fixed
}

.mute_mode {
    position: absolute;
    top: 5px;
    border-radius: 50px;
    width: 90%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 100;
    padding: 5px;
    opacity: .9
}

#private_box {
    width: 400px;
    max-width: 100%;
    position: absolute;
    bottom: 47px;
    right: 0;
    height: 366px;
    z-index: 160;
    display: none
}

#private_top {
    width: 100%;
    display: table;
    height: 50px;
    padding: 0 8px
}

#private_wrap_content {
    position: relative
}


#private_content {
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding: 5px 10px;
    height: 270px
}

#private_input {
    width: 100%;
    padding: 3px 4px;
    position: relative
}

#message_form {
    height: 40px;
    width: 100%
}

#private_send {
    width: 100%;
    height: 100%!important;
    cursor: pointer
}

#file_private {
    width: 40px;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    display: table-cell;
    position: relative;
    text-align: center
}

#private_left {
    display: table;
    width: 100%;
    height: 100%
}

#private_av_wrap {
    width: 40px
}

#private_av {
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%
}

#dpriv {
    position: relative
}

#private_name {
    cursor: pointer;
    font-size: 18px;
    padding: 0 8px
}

#dpriv_av {
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto;
    border-radius: 50%
}

.private_opt {
    width: 40px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
    position: relative
}

.empty_private {
    padding: 20px 10px;
    text-align: center;
    font-size: 17px
}

#private_content ul li {
    width: 100%;
    margin-bottom: 3px
}

.private_logs {
    display: table;
    table-layout: fixed;
    width: 100%
}

.private_avatar {
    display: table-cell;
    width: 36px;
    vertical-align: top;
    padding: 0 5px
}

.private_content {
    display: table-cell;
    vertical-align: top
}

.hunter_private,.target_private {
    padding: 10px;
    max-width: 220px;
    display: inline-block;
    margin-top: 5px;
    word-wrap: break-word
}

.target_private {
    float: right;
    border-radius: 10px 0 10px 10px
}

.hunter_private {
    border-radius: 0 10px 10px
}

.avatar_private {
    display: block;
    height: 26px;
    width: 26px;
    border-radius: 18px;
    overflow: hidden
}

.private_logs .chat_image {
    height: 70px;
    max-width: 100%
}

.private_logs .sticker_chat {
    height: 70px;
    max-width: 100%
}

.pdate {
    font-size: 11px;
    margin-top: 3px
}

.ptdate {
    font-size: 11px;
    float: right;
    clear: both;
    margin-top: 3px
}

.private_logs .chat_video_container {
    max-width: 100%!important
}

.nogranted {
    display: none!important
}

.ch_logs {
    height: auto;
    padding: 3px;
    word-wrap: break-word;
    display: table;
    width: 100%;
    table-layout: fixed;
    max-width: 100%;
    overflow: hidden;
    cursor: pointer;
    margin-top: -12px;
}

.other_logs {
    padding: 8px;
    word-wrap: break-word;
    display: table;
    width: 100%;
    table-layout: fixed;
    max-width: 100%;
    overflow: hidden
}

.chat_avatar {
    display: table-cell;
    width: 40px;
    vertical-align: top;
    position: relative;
}

.cavatar {
    height: 48px;
    width: 48px;
    border-radius: 50%;
    display: block;
    overflow: hidden;
    cursor: pointer
}

.my_text {
    display: table-cell;
    vertical-align: top;
    padding: 0 0 0 6px;
    position: relative
}

.my_text .username {
    font-size: 22px;
    margin-left: 6px;
}

.chat_image {
    max-width: 100%;
    height: 100px;
    width: auto;
    margin: 5px 0 0;
    border-radius: 5px
}

#show_chat .fancybox-video img,#show_chat .fancybox-vimeo img,#show_chat .fancybox img {
    position: relative
}

#show_chat ul {
    position: absolute;
    bottom: 0;
    max-height: 100%;
    overflow-y: auto
}

#show_chat li {
    position: relative;
    height: auto
}

.logs_date {
    font-size: 10px
}

.cclear,.spclear {
    display: table-cell;
    width: 24px;
    font-size: 10px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer
}

.cdate {
    display: table-cell;
    width: 65px;
    font-size: 10px;
    vertical-align: middle;
    text-align: center
}

.cname {
    display: table-cell;
    vertical-align: middle
}

.chat_rank {
    position: absolute;
    right: -11px;
    top: 30px;
    width: 20px!important;
    height: 20px!important;
    border-radius: 50%!important;
    background: #fff;
    padding: 2px
}

.chat_avatar img {
    height: 52px;
    width: 60px;
    border-radius: 0 26px;
    display: block;
    overflow: hidden;
    cursor: pointer;
    margin-left: -1px;
    margin-top: 2px;
}

.special_delete { font-size:13px; position:absolute; top:0; right:0; padding:5px; }
.emo_chat {margin-bottom:-6px;}
.sticker_chat,.custom_chat {max-width:100%;}
.chat_system { font-size:12px; }
.sysname { font-weight:bold; }

.chat_message {
    display: inline-block;
    max-width: 100%;
    font-size: 18px;
    font-weight: bolder;
    margin-left: 11px
}

.post_content {
    line-height: 1.4em
}

.empty_zone {
    padding: 30px 15px;
    margin: 0 auto;
    text-align: center
}

.empty_zone_icon {
    width: 64px;
    height: 64px
}

.empty_zone_text {
    font-size: 13px;
    margin-top: 10px;
    font-weight: 700
}

.main_post_control {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 5px
}

.main_post_item {
    display: table-cell;
    vertical-align: middle;
    width: 40px;
    font-size: 20px;
    position: relative;
    text-align: center
}

.main_post_button {
    display: table-cell;
    vertical-align: middle;
    text-align: right
}

.reply_item {
    display: table;
    table-layout: fixed;
    width: 100%;
    word-wrap: break-word;
    padding: 10px;
    margin-bottom: 3px
}

.reply_avatar {
    display: table-cell;
    vertical-align: top;
    width: 32px
}

.reply_avatar img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: block;
    cursor: pointer
}

.reply_content {
    display: table-cell;
    vertical-align: top;
    padding: 0 5px
}

.reply_content img {
    max-height: 160px
}

.reply_delete {
    text-align: center;
    width: 30px;
    cursor: pointer
}

.post_title {
    display: table;
    table-layout: fixed;
    width: 100%
}

.post_avatar {
    display: table-cell;
    vertical-align: center;
    width: 36px
}

.post_avatar img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: block;
    cursor: pointer
}

.post_content {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 10px 0;
    word-wrap: break-word
}

.post_control {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 5px 0
}

.new_news {
    padding: 0 5px;
    border-radius: 2px;
    margin-left: 3px
}

.post_element {
    height: auto;
    padding: 15px 0;
    margin: 0 auto
}

.post_edit {
    cursor: pointer;
    width: 40px;
    font-size: 15px;
    position: relative
}

.comment_count {
    text-align: right;
    cursor: pointer
}

.do_comment {
    width: 50px;
    text-align: center;
    cursor: pointer
}

.like_count {
    float: left;
    cursor: pointer;
    padding: 5px;
    border-radius: 50px
}

.show_reply {
    height: auto;
    overflow: hidden;
    margin-bottom: 10px
}

.more_comment {
    cursor: pointer;
    display: block;
    padding: 8px 0
}

.more_comment:hover {
    text-decoration: underline
}

.post_image {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 10px 0
}

.post_image img {
    max-width: 100%;
    max-height: 350px;
    width: auto;
    height: auto
}

.add_comment_zone {
    clear: both
}

.add_comment {
    border-radius: 50px
}

.post_input_container {
    border-radius: 10px
}

.panel_wrap {
    padding: 15px 15px 30px
}

.main_post_data img {
    max-height: 100px;
    max-width: 100%
}

.up_file {
    display: table
}

.up_file_inside {
    display: table-cell;
    position: relative;
    min-width: 80px;
    min-height: 80px
}

.up_file_remove {
    width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 3px;
    font-size: 18px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    border-radius: 20px
}

#friend_post,#news_data {
    height: 60px;
    border: none;
    overflow: hidden;
    background: 0 0!important;
    border: none!important
}

#wall_file,#news_file {
    -webkit-appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding: 0!important
}

.like_icon,.comment_icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px
}

.wlike_icon {
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.plike_text {
    vertical-align: middle
}

.post_menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 160px;
    text-align: left;
    z-index: 1
}

.post_menu_item {
    padding: 8px 10px
}

.video_container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin: 5px 0 0;
    clear: both
}

.video_container iframe,.video_container object,.video_container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.chat_video_container {
    width: 280px;
    max-width: 100%!important;
    position: relative;
    margin-top: 5px
}

.chat_video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    clear: both;
    z-index: 10;
    border-radius: 5px
}

.chat_video iframe,.video_container object,.video_container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.open_player {
    background: red;
    color: #fff;
    padding: 4px 8px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    opacity: .5;
    z-index: 11;
    border-radius: 0 5px 0 0
}

.chat_soundcloud {
    width: 500px;
    max-width: 100%;
    height: 130px;
    margin: 5px 0
}

.wall_soundcloud {
    width: 500px;
    max-width: 100%;
    height: 130px;
    margin: 5px 0
}

.chat_soundcloud iframe,.wall_soundcloud iframe {
    width: 100%;
    height: 100%
}

#wrap_stream {
    width: 640px;
    height: 360px;
    border-top: 1px solid #333
}

#wrap_stream iframe {
    width: 100%;
    height: 100%;
    border: none;
    padding: 0;
    margin: 0
}

#container_stream {
    width: auto;
    height: auto;
    z-index: 999;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -320px;
    margin-top: -195px;
    display: none
}

#stream_header {
    width: 100%;
    height: 30px
}

#close_stream {
    float: right;
    padding: 3px 10px;
    font-size: 24px!important;
    color: #fff
}

#wrap_main_header {
    max-width: 1100px!important;
    margin: 0 auto;
    height: 100%;
    background: url(/tilsim.gif)
}

#header2 {
    width: 100%;
    height: 83px;
    margin: 0 auto;
    position: fixed;
    z-index: 4
}

#chat_head {
    height: 50px;
    padding: 0 6px;
    width: 100%;
    display: table;
    table-layout: fixed
}

.empty_subhead {
    width: 100%;
    height: 69px;
}

.cookie_wrap {
    position: fixed;
    display: table;
    bottom: 0;
    padding: 20px;
    width: 100%;
    z-index: 9999
}

.cookie_text {
    display: table-cell;
    vertical-align: middle
}

.cookie_button {
    display: table-cell;
    width: 120px;
    vertical-align: middle;
    padding: 0 10px
}

#main_header {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%
}

#main_mob_menu {
    display: table-cell;
    vertical-align: middle;
    width: 42px;
    position: relative;
    cursor: pointer
}

#open_login_menu {
    width: 50px;
    font-size: 24px;
    position: relative
}

.head_logo,.chat_head_logo {
    display: table-cell;
    vertical-align: middle;
    width: 152px;
    white-space: nowrap
}

.head_logo img,.chat_head_logo img {
    height: 71px;
    width: 148px;
    /* display: block; */
}

.head_option {
    display: table-cell;
    width: 40px;
    vertical-align: middle;
    font-size: 16px;
    text-align: center;
    position: relative;
    cursor: pointer
}

.lang_flag {
    width: 26px;
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: 3px
}

.intro_lang {
    width: 26px;
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: 3px
}

.lang_flag_box {
    width: 40px
}

.lang_lang {
    padding: 10px 5px
}

.embed_lang {
    padding: 5px
}

.drop_list {
    display: none;
    cursor: pointer
}

.user_count {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 10px;
    font-size: 13px;
    font-weight: 400;
    font-weight: 700
}

.ucount {
    border-radius: 50px;
    padding: 4px 7px;
    font-size: 11px
}

#side_menu {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 220px;
    background: #fff;
    display: none;
    overflow-y: auto;
    z-index: 3;
    padding-top: 50px
}

.offline:hover {
    opacity: 1
}

#profile_friends {
    font-size: 0;
    max-height: 332px;
    overflow: hidden;
    overflow-y: auto
}

.user_square_elem {
    width: 60px;
    height: 60px;
    position: relative;
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 5px;
    overflow: hidden;
    border-radius: 3px
}

.user_square_elem img {
    width: 60px;
    height: 60px
}

.user_square_name {
    font-size: 10px;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 3px 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}



#chat_left {
    height: 100%;
    border-radius: 0;
    overflow: hidden;
    overflow-y: auto
}

#chat_left_menu {
    width: 100%;
    overflow: hidden;
    overflow-y: auto
}

.cleft,.cleft2 {
    width: 150px
}

.cleft {
    border-radius: 0;
    overflow: hidden;
    padding: 0;
    display: table-cell;
    vertical-align: top
}

.cleft2 {
    position: absolute;
    top: 51px;
    left: 0;
    top: 0;
    z-index: 201;
    display: none;
    padding-bottom: 0
}

.container_extra {
    width: 100%;
    padding: 5px
}

.container_extra img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    padding-bottom: 10px
}

#chat_center {
    display: table-cell;
    vertical-align: top;
    overflow: hidden
}

.panel_bar,.side_bar {
    display: table;
    width: 100%;
    table-layout: fixed;
    height: 40px
}

.panel_bar_item,.panel_option,.side_bar_item {
    display: table-cell;
    vertical-align: middle;
    width: 40px;
    text-align: center;
    font-size: 18px;
    cursor: pointer
}

#chat_right {
    height: 100%
}

.cright,.cright2 {
    width: 260px
}

.cright {
    border-radius: 0;
    overflow: hidden;
    padding: 0;
    display: table-cell;
    vertical-align: top;
    max-width: 100%!important
}

.cright2 {
    position: absolute;
    top: 51px;
    right: 0;
    top: 0;
    overflow: hidden;
    z-index: 201;
    padding-bottom: 0;
    display: none;
    max-width: 100%!important
}

.large_panel {
    width: 400px
}

#chat_right_content {
    width: 100%
}

#chat_right_top {
    width: 100%;
    height: 43px;
    display: table;
    table-layout: fixed
}

#chat_right_data {
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    width: 100%
}

.chat_footer_item {
    width: 45px;
    height: 100%;
    text-align: center;
    cursor: pointer;
    display: table-cell;
    max-width: 16.66666666%;
    vertical-align: middle;
    position: relative
}

.privhide {
    display: none!important
}

.i_btm {
    font-size: 20px
}

.notification {
    position: absolute;
    top: 5px;
    left: 8px;
    padding: 2px 3px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: 700;
    display: none
}

.head_notify {
    position: absolute;
    top: 12px;
    left: 6px;
    padding: 2px 3px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: 700;
    display: none
}

.menu_notify {
    position: absolute;
    right: 10px;
    padding: 0 5px;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 700;
    display: none
}

.notif_left {
    padding: 2px 5px;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 700;
    display: none
}

.pm_notify {
    padding: 0 5px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 700
}

.notify_item {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 15px;
    cursor: pointer;
    margin-bottom: 5px
}

.notify_details {
    display: table-cell;
    padding: 0 5px
}

.notify_status {
    display: table-cell;
    width: 16px;
    font-size: 13px
}

.notify_avatar {
    display: table-cell;
    vertical-align: top;
    width: 36px
}

.notify_avatar img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: block;
    cursor: pointer
}

.date_notify {
    margin-top: 2px
}

#notify_list {
    overflow: hidden;
    padding: 0
}

#notify_content {
    max-height: 364px;
    overflow: hidden;
    overflow-y: auto
}

.notify_reaction {
    width: 16px;
    height: 16px;
    vertical-align: bottom;
    margin-bottom: -2px
}

.large_spinner {
    width: 50px;
    height: 50px;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    font-size: 50px
}

.boom_spinner {
    width: 100%
}

#page_content {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    height: auto;
    padding: 20px 0
}

.room_options {
    width: 100%;
    padding: 0 5px 15px
}

.room_element {
    display: table;
    padding: 20px 15px;
    border-radius: 3px;
    margin: 5px;
    table-layout: fixed;
    width: calc(33% - 10px);
    float: left;
    cursor: pointer
}

.room_name {
    font-size: 18px;
    font-weight: 700;
    padding: 5px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.room_description {
    height: 45px;
    max-height: 60px;
    overflow: hidden;
    font-size: 12px;
    margin-bottom: 10px
}

.room_icon {
    display: table-cell;
    width: 50px;
    vertical-align: top;
    position: relative
}

.room_img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: block
}

.room_lock {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    top: 30px;
    right: 0
}

.in_room_element {
    display: table;
    table-layout: auto;
    width: 100%;
    padding: 10px;
    cursor: pointer
}

.in_room_name {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px
}

.in_room_count {
    display: table-cell;
    vertical-align: middle;
    width: 1%;
    white-space: nowrap
}

.in_room_icon {
    display: table-cell;
    width: 26px;
    vertical-align: middle;
    position: relative
}

.in_room_img {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: block
}

.in_room_lock {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    bottom: -2px;
    right: 0
}

.chat_player {
    display: table;
    table-layout: auto
}

.music_player {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%
}

.player_menu {
    display: table-cell;
    width: 40px;
    font-size: 18px;
    text-align: center;
    vertical-align: middle
}

.player_button {
    display: table-cell;
    width: 36px;
    font-size: 30px;
    text-align: center;
    vertical-align: middle
}

.player_sound {
    display: table-cell;
    width: 40px;
    font-size: 20px;
    text-align: center;
    vertical-align: middle
}

.player_current {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    width: 100px;
    max-width: 100px;
    line-height: 1em!Important
}

.player_options {
    width: 320px;
    max-width: 100%;
    height: auto;
    position: absolute;
    bottom: 100%;
    left: 0;
    padding: 0 15px
}

.player_volume {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 40px
}

.player_list_container {
    padding: 15px 0 5px
}

#player_listing {
    max-height: 200px;
    overflow-y: auto
}

#sound_display {
    width: 26px;
    font-size: 20px
}

#slider {
    width: 100%
}

.ui-widget-content {
    border: none
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
    border: none
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
    border: none
}

.ui-corner-all {
    border-radius: 10px
}

.ui-slider-horizontal {
    height: 7px
}

.ui-slider-horizontal .ui-slider-handle {
    cursor: pointer
}

.sound_display {
    text-align: left;
    margin-left: 15px
}

.choose_avatar,.choose_cover {
    position: relative
}

.avatar_select {
    -webkit-appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.cover_select {
    -webkit-appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.cover_size {
    height: 250px
}

.state_profile {
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 30;
    border: 2px solid #fff;
    border-radius: 50px
}

.reg_menu_container {
    position: relative
}

.reg_menu {
    font-size: 0
}

.reg_menu ul li {
    display: inline-block;
    padding: 8px 10px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700
}

.pdetails {
    display: table;
    table-layout: fixed;
    width: 100%
}

.pdetails_icon {
    display: table-cell;
    vertical-align: middle;
    width: 24px;
    cursor: pointer
}

.pdetails_text {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap
}

.modal_top_menu {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 5px 0;
    padding: 0 5px
}

.modal_top_item {
    display: table-cell;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    position: relative
}

.modal_top_menu_empty {
    display: table-cell;
    vertical-align: middle;
    width: 10px
}

.cover_menu {
    display: table-cell;
    vertical-align: middle;
    width: 80px
}

.cover_item_wrap {
    display: table;
    border-radius: 50px;
    overflow: hidden
}

.cover_item {
    width: 40px;
    height: 30px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.modal_menu,.tab_menu {
    font-size: 0
}

.profile_background {
    background-size: cover!important;
    background-position: 50% 50%!important
}

.modal_menu ul li,.tab_menu ul li {
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700
}

.hide_zone {
    display: none
}

.modal_wrap_top {
    position: relative
}

.profile_top {
    padding: 0 15px 15px;
    position: relative;
    height: 100%
}

.profile_avatar {
    display: table-cell;
    width: 130px;
    vertical-align: bottom;
    position: relative;
    border-radius: 5px;
    text-align: center
}

.avatar_profile {
    width: 130px;
    height: 130px;
    cursor: pointer;
    display: block;
    border-radius: 5px
}

.avatar_button {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 8px 0;
    position: relative
}

.profile_tinfo {
    display: table-cell;
    vertical-align: bottom;
    padding: 0 10px;
    position: relative
}

.pro_name {
    font-size: 25px;
    font-weight: 700;
    width: 100%;
    overflow: hidden;
    white-space: nowrap
}

.pro_name_icon {
    width: 18px;
    height: 18px;
    display: block
}

.pro_ranking {
    height: 14px;
    width: auto
}

.pro_mute {
    height: 15px;
    width: auto
}

.pro_rank {
    font-size: 14px;
    margin-bottom: -3px;
    font-weight: 700;
    display: block
}

.pro_mood {
    font-size: 12px;
    font-weight: 700
}

.add_cover {
    position: relative
}

.profile_info_box {
    font-size: 11px;
    padding: 10px 15px
}

.level_profile {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 7px 0
}

.pro_flag {
    display: inline-block;
    height: 12px
}

.proli {
    width: 160px
}

.avatar_control {
    position: absolute;
    display: table;
    table-layout: fixed;
    width: 100%;
    z-index: 40;
    width: 80px;
    left: 27px;
    border-radius: 50px;
    bottom: 10px
}

.avatar_spin {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 30
}

.up_input {
    -webkit-appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding: 0!important;
    overflow: hidden
}

.report_item {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 5px
}

.report_check {
    display: table-cell;
    width: 30px;
    text-align: center;
    vertical-align: middle;
    font-size: 20px
}

.report_text {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px
}

.head_report {
    display: table;
    table-layout: fixed;
    width: 100%
}

.report_name {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px
}

.report_avatar {
    display: table-cell;
    vertical-align: middle;
    width: 36px
}

.report_avatar img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: block;
    cursor: pointer
}

.report_content {
    width: 100%;
    margin: 10px 0;
    overflow: hidden;
    overflow-y: auto
}

.report_content .post_element {
    padding: 0
}

.empty_zone {
    width: 100%
}

#main_input_extra {
    width: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    padding: 3px;
    display: none;
    border-radius: 5px
}

.sub_options {
    width: 40px;
    height: 40px;
    padding: 5px;
    margin: 3px;
    float: left;
    position: relative;
    cursor: pointer
}

.sub_options:hover {
    padding: 0;
    transition: all .3s
}

.sub_options img {
    width: 100%;
    height: auto
}

#priv_input_extra {
    width: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    padding: 3px;
    display: none;
    border-radius: 5px;
    max-width: 240px
}

.psub_options {
    width: 40px;
    height: 40px;
    padding: 5px;
    margin: 3px;
    float: left;
    position: relative;
    cursor: pointer
}

.psub_options:hover {
    padding: 0;
    transition: all .3s
}

.psub_options img {
    width: 100%;
    height: auto
}

#main_emoticon {
    width: 456px;
    max-width: 100%;
    height: 222px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: none
}

#private_emoticon {
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: 100;
    display: none
}

.emo_head {
    width: 100%;
    height: 40px;
    display: table;
    table-layout: fixed
}

.emo_content {
    width: 100%;
    height: 180px;
    overflow: hidden;
    overflow-y: auto;
    padding: 5px
}

.sticker {
    height: 48px;
    float: left;
    margin: 6px
}

.emoticon {
    float: left;
    margin: 5px
}

.custom_emo {
    max-width: 48px;
    max-height: 48px;
    float: left;
    margin: 6px
}

.emo_content .emoticon img {
    height: 100%;
    width: 27px
}

.emo_content .sticker img {
    height: 100%
}

.emo_content .custom_emo img {
    max-width: 48px;
    max-height: 48px
}

.emo_menu {
    width: 40px;
    height: 100%;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    display: table-cell;
    vertical-align: middle
}

.emo_select {
    height: 40px;
    width: 40px;
    display: block
}

.empty_emo {
    display: table-cell;
    height: 40px
}

/* Modern, image-free emoji picker */
#main_emoticon,
#private_emoticon {
    overflow: hidden;
    border-radius: 16px 16px 0 0;
    box-shadow: 0 -10px 32px rgba(15, 23, 42, .2);
}

#main_emoticon { height: min(390px, 58vh); }
#private_emoticon { height: min(360px, 55vh); }

.emo_head,
.main_emo_head,
.private_emo_head {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 7px;
    width: 100%;
    height: 58px;
    padding: 9px 10px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    table-layout: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
}

.emo_head::-webkit-scrollbar { display: none; }

.emo_head .emo_menu {
    box-sizing: border-box;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: auto;
    min-width: 0;
    height: 40px;
    margin: 0;
    padding: 0 13px;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 999px;
    color: inherit;
    background: rgba(255,255,255,.12);
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    vertical-align: middle;
    box-shadow: inset 0 1px rgba(255,255,255,.18);
    transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.emo_head .emo_category:hover { transform: translateY(-1px); background: rgba(255,255,255,.2); }
.emo_head .emo_category:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.emo_head .emo_category.dark_selected {
    color: #172033;
    background: #fff;
    border-color: rgba(255,255,255,.9);
    box-shadow: 0 5px 14px rgba(15,23,42,.18);
}

.emo_category_dot {
    flex: 0 0 9px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: hsl(var(--emo-hue, 45) 82% 54%);
    box-shadow: 0 0 0 3px hsl(var(--emo-hue, 45) 82% 54% / .18);
}

.emo_category_name { max-width: 105px; overflow: hidden; text-overflow: ellipsis; }
.emo_head .empty_emo { display: none; }
.emo_head .emo_close {
    position: sticky;
    right: 0;
    min-width: 40px;
    width: 40px;
    padding: 0;
    color: #fff;
    background: rgba(20, 27, 42, .42);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 3;
}

#main_emoticon .emo_content,
#private_emoticon .emo_content_priv {
    box-sizing: border-box;
    height: calc(100% - 58px);
    padding: 12px;
    overflow-x: hidden;
    overflow-y: auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(66px, 1fr));
    gap: 10px;
    align-content: start;
}

#main_emoticon .emoticon,
#main_emoticon .sticker,
#private_emoticon .emoticon,
#private_emoticon .sticker {
    box-sizing: border-box;
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    margin: 0;
    padding: 7px;
    overflow: hidden;
    border: 1px solid rgba(148,163,184,.2);
    border-radius: 14px;
    background: rgba(255,255,255,.62);
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease;
}

#main_emoticon .emoticon:hover,
#main_emoticon .sticker:hover,
#private_emoticon .emoticon:hover,
#private_emoticon .sticker:hover { transform: translateY(-2px); box-shadow: 0 7px 18px rgba(15,23,42,.13); }

#main_emoticon .emoticon img,
#main_emoticon .sticker img,
#private_emoticon .emoticon img,
#private_emoticon .sticker img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

@media (max-width: 640px) {
    #main_emoticon { position: fixed; left: 0; right: 0; bottom: 54px; width: 100%; max-width: none; height: min(390px, 52dvh); }
    #private_emoticon { height: min(350px, 52dvh); }
    .emo_head, .main_emo_head, .private_emo_head { height: 54px; padding: 7px 8px; gap: 6px; }
    .emo_head .emo_menu { height: 38px; padding: 0 11px; font-size: 12px; }
    .emo_head .emo_close { min-width: 38px; width: 38px; padding: 0; }
    #main_emoticon .emo_content, #private_emoticon .emo_content_priv { height: calc(100% - 54px); padding: 9px; gap: 8px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* ==========================================================
   YER6 EMOJI STUDIO — equal sizing, premium panel, fast mobile
========================================================== */
#main_emoticon,
#private_emoticon{
	border:1px solid rgba(173,218,241,.72) !important;
	border-radius:18px 18px 8px 8px !important;
	background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(157,205,228,.97)) !important;
	box-shadow:0 -12px 30px rgba(10,40,55,.28),inset 0 1px 0 rgba(255,255,255,.85) !important;
}

#main_emoticon .emo_head,
#private_emoticon .emo_head{
	background:linear-gradient(135deg,#19506c,#318ab7 55%,#81bad7) !important;
	border-bottom:1px solid rgba(233,245,251,.62);
}

#main_emoticon .emo_head .emo_menu,
#private_emoticon .emo_head .emo_menu{
	color:#fff;
	border-color:rgba(248,252,254,.3);
	background:rgba(255,255,255,.1);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
}

#main_emoticon .emo_head .emo_menu.dark_selected,
#private_emoticon .emo_head .emo_menu.dark_selected{
	color:#0b2d3e !important;
	background:linear-gradient(180deg,#ffffff,#a6d2e8) !important;
	border-color:#eff8fc !important;
	box-shadow:0 4px 10px rgba(8,34,47,.22) !important;
}

#main_emoticon .emo_content,
#private_emoticon .emo_content_priv{
	grid-template-columns:repeat(auto-fill,minmax(72px,1fr)) !important;
	grid-auto-rows:78px !important;
	gap:9px !important;
	padding:11px !important;
	background:
		radial-gradient(circle at 12% 8%,rgba(255,255,255,.75),transparent 30%),
		linear-gradient(160deg,rgba(255,255,255,.96),rgba(137,193,222,.9)) !important;
	scrollbar-width:thin;
	scrollbar-color:#2d779d rgba(255,255,255,.3);
}

#main_emoticon .emo_content > .emoticon,
#main_emoticon .emo_content > .sticker,
#main_emoticon .emo_content > .custom_emo,
#private_emoticon .emo_content_priv > .emoticon,
#private_emoticon .emo_content_priv > .sticker,
#private_emoticon .emo_content_priv > .custom_emo{
	position:relative;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	width:100% !important;
	min-width:0 !important;
	max-width:none !important;
	height:78px !important;
	min-height:78px !important;
	max-height:78px !important;
	margin:0 !important;
	padding:7px !important;
	float:none !important;
	overflow:hidden !important;
	border:1px solid rgba(34,103,138,.2) !important;
	border-radius:15px !important;
	background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,255,255,.8)) !important;
	box-shadow:0 4px 10px rgba(13,52,71,.14),inset 0 1px 0 #fff !important;
	box-sizing:border-box !important;
	content-visibility:auto;
	contain:layout paint style;
	contain-intrinsic-size:78px 78px;
}

#main_emoticon .emo_content > div > img,
#private_emoticon .emo_content_priv > div > img{
	display:block !important;
	width:64px !important;
	min-width:64px !important;
	max-width:64px !important;
	height:64px !important;
	min-height:64px !important;
	max-height:64px !important;
	margin:0 !important;
	padding:2px !important;
	float:none !important;
	object-fit:fill !important;
	border-radius:11px !important;
	background:transparent !important;
	box-shadow:none !important;
	box-sizing:border-box !important;
}

@media (hover:hover) and (pointer:fine){
	#main_emoticon .emo_content > .emoticon:hover,
	#main_emoticon .emo_content > .sticker:hover,
	#main_emoticon .emo_content > .custom_emo:hover,
	#private_emoticon .emo_content_priv > .emoticon:hover,
	#private_emoticon .emo_content_priv > .sticker:hover,
	#private_emoticon .emo_content_priv > .custom_emo:hover{
		transform:translateY(-2px);
		border-color:rgba(34,123,167,.45) !important;
		box-shadow:0 7px 15px rgba(13,52,71,.2),inset 0 1px 0 #fff !important;
	}
}

@media (max-width:640px){
	#main_emoticon,
	#private_emoticon{
		box-shadow:0 -6px 16px rgba(10,40,55,.22) !important;
	}
	#main_emoticon .emo_content,
	#private_emoticon .emo_content_priv{
		grid-template-columns:repeat(4,minmax(0,1fr)) !important;
		grid-auto-rows:68px !important;
		gap:7px !important;
		padding:8px !important;
	}
	#main_emoticon .emo_content > .emoticon,
	#main_emoticon .emo_content > .sticker,
	#main_emoticon .emo_content > .custom_emo,
	#private_emoticon .emo_content_priv > .emoticon,
	#private_emoticon .emo_content_priv > .sticker,
	#private_emoticon .emo_content_priv > .custom_emo{
		height:68px !important;
		min-height:68px !important;
		max-height:68px !important;
		padding:5px !important;
		transition:none !important;
		box-shadow:0 2px 5px rgba(13,52,71,.11),inset 0 1px 0 #fff !important;
		contain-intrinsic-size:68px 68px;
	}
	#main_emoticon .emo_content > div > img,
	#private_emoticon .emo_content_priv > div > img{
		width:58px !important;
		min-width:58px !important;
		max-width:58px !important;
		height:58px !important;
		min-height:58px !important;
		max-height:58px !important;
		padding:1px !important;
	}
	#main_emoticon *,
	#private_emoticon *{
		animation:none !important;
	}
}

.emo_content_priv {
    width: 100%;
    height: 160px;
    overflow: hidden;
    overflow-y: auto;
    padding: 5px
}

.emo_content_priv .emoticon img {
    height: 100%;
    width: 27px
}

.emo_content_priv .sticker img {
    height: 100%
}

.emo_content_priv .custom_emo img {
    max-width: 48px;
    max-height: 48px
}

.emoticon,.sticker,.custom_emo {
    cursor: pointer
}

.emo_result {
    min-height: 240px;
    max-height: 400px
}

.saved_data {
    padding: 15px;
    font-size: 24px;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    z-index: 1002
}

.ex_admin {
    padding: 5px 0 0;
    font-style: italic;
    font-size: 13px
}

.admin_search {
    display: table;
    width: 100%;
    overflow: hidden;
    border-radius: 3px
}

.admin_search_btn {
    display: table-cell;
    width: 50px;
    text-align: center;
    cursor: pointer
}

.edit_verify {
    margin-top: 8px
}

.sp_box {
    width: calc(50% - 10px);
    display: block;
    float: left;
    margin: 5px;
    overflow: hidden
}

.sp_content {
    width: 100%;
    display: table;
    table-layout: fixed
}

.sp_icon {
    width: 70px;
    font-size: 30px;
    text-align: center;
    padding: 20px 0
}

.sp_info {
    padding: 0 10px
}

.sp_title {
    font-weight: 700
}

#open_sub_mobile {
    display: none;
    width: 70px;
    vertical-align: middle;
    text-align: center;
    font-size: 24px
}

#close_sub_mob {
    height: 100%;
    display: table;
    width: 100%;
    cursor: pointer
}

#close_sub {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding: 0 10px;
    font-size: 22px
}

.p_data {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: auto
}

.p_item {
    display: table-cell;
    vertical-align: middle;
    width: 24px;
    font-size: 20px
}

.p_empty {
    display: table-cell
}

.get_info {
    cursor: pointer
}

.small_modal_out,.large_modal_out {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    cursor: pointer
}

.over_modal_out,.over_emodal_out {
    display: none;
    position: fixed;
    z-index: 1001;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    cursor: pointer
}

.small_modal_in {
    border-radius: 3px;
    margin: 5% auto;
    max-width: 400px;
    width: 98%
}

.large_modal_in {
    border-radius: 3px;
    margin: 5% auto;
    max-width: 500px;
    width: 98%
}

.over_modal_in {
    border-radius: 3px;
    margin: 6% auto;
    max-width: 500px;
    width: 98%
}

.over_emodal_in {
    border-radius: 3px;
    margin: 6% auto;
    max-width: 500px;
    width: 98%
}

.modal_top {
    width: 100%;
    display: table;
    table-layout: fixed
}

.modal_top_text {
    display: table-cell;
    font-size: 15px;
    vertical-align: middle
}

.modal_top_empty {
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
    padding: 0 5px
}

.modal_top_element {
    display: table-cell;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    font-size: 20px
}

.avatar_top_mod {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 40px;
    height: 50px;
    padding: 5px
}

.avatar_top_mod img {
    display: block;
    margin: 0 auto;
    width: 100%;
    border-radius: 50%
}

.avatar_top_name {
    display: table-cell;
    padding: 0 5px 0 2px;
    font-size: 14px;
    vertical-align: middle;
    font-weight: 700
}

.modal_content {
}

.console_reason img {
    max-height: 40px
}

.console_reason .chat_video_container {
    max-width: 200px!important
}

.container_sub_player {
    width: 340px;
    max-width: 100%
}

.music_share {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 5px;
    border-radius: 3px 3px 0 0
}

.music_play,.music_pause {
    width: 40px;
    font-size: 30px;
    text-align: center;
    padding: 5px 0
}

.song_progress {
    font-size: 11px;
    line-height: 13px;
    padding: 5px 10px 5px 0
}

.music_download {
    width: 40px;
    text-align: center
}

.uploaded_music {
    color: inherit;
    font-size: 18px;
    padding: 5px;
    text-decoration: none!Important
}

.audio_progress {
    height: 10px;
    width: 100%;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden
}

.audio_ball {
    height: 10px;
    width: 0
}

.song_title {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    word-wrap: normal!important;
    padding: 4px 10px;
    border-radius: 0 0 3px 3px
}

.container_up_file {
    width: 300px;
    max-width: 100%
}

.file_share {
    margin-top: 5px;
    border-radius: 3px
}

.file_type {
    width: 40px;
    font-size: 20px
}

.file_title {
    padding: 10px 0
}

.file_download {
    width: 40px
}

.upc_file {
    color: inherit;
    font-size: 20px;
    padding: 5px;
    display: block
}

.list_element:first-child,.listing_reg:first-child,.left_list:first-child,.user_item:first-child,.user_item_custom:first-child,.ulist_item:first-child,.panel_list:first-child,.post_element:first-child,.sub_list:first-child,.sub_menu_item:first-child,.fmenu_item:first-child,.page_drop_item:first-child,.listing_element:first-child,.listing_half_element:first-child,.reply_item:first-child,.avitem:first-child,.sub_list_item:first-child,.elem_in:first-child,.aclist:first-child,.list_hover_item:first-child {
    font-size: 18px
}

.list_element:last-child,.listing_reg:last-child,.left_list:last-child,.user_item:last-child,.user_item_custom:last-child,.ulist_item:last-child,.panel_list:last-child,.post_element:last-child,.sub_list:last-child,.sub_menu_item:last-child,.fmenu_item:last-child,.page_drop_item:last-child,.listing_element:last-child,.listing_half_element:last-child,.reply_item:last-child,.avitem:last-child,.sub_list_item:last-child,.elem_in:last-child,.aclist:last-child,.list_hover_item:last-child {
}

.bwidth20 {
    width: 20%
}

.bwidth25 {
    width: 25%
}

.bwidth33 {
    width: 33%
}

.bwidth50 {
    width: 50%
}

.bwidth66 {
    width: 66%
}

.bwidth100 {
    width: 100%
}

.pwidth10 {
    width: 10px
}

.pwidth20 {
    width: 20px
}

.pwidth30 {
    width: 30px
}

.pwidth40 {
    width: 40px
}

.pwidth50 {
    width: 50px
}

.pwidth60 {
    width: 60px
}

.pwidth70 {
    width: 70px
}

.pwidth80 {
    width: 80px
}

.pwidth90 {
    width: 90px
}

.pwidth100 {
    width: 100px
}

.square20 {
    width: 20px;
    height: 20px
}

.square30 {
    width: 30px;
    height: 30px
}

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

.square50 {
    width: 50px;
    height: 50px
}

.square60 {
    width: 60px;
    height: 60px
}

.square70 {
    width: 70px;
    height: 70px
}

.square80 {
    width: 80px;
    height: 80px
}

.square90 {
    width: 90px;
    height: 90px
}

.square100 {
    width: 100px;
    height: 100px
}

.btauto {
    table-layout: auto
}

.bcauto {
    width: 1%;
    white-space: nowrap
}

.docu_box {
    border-radius: 3px;
    margin-bottom: 5px
}

.docu_head {
    padding: 10px;
    cursor: pointer
}

.noborder {
    border: none
}

.docu_content {
    padding: 15px 0;
    display: none
}

.docu_content_view {
    padding: 0
}

.docu_content img,.docu_content_view img {
    max-width: 100%
}

.docu_title {
    padding: 5px 10px;
    font-weight: 700;
    font-size: 13px
}

.docu_description {
    padding: 5px 10px;
    font-size: 13px
}

.docu_sub_list {
    padding: 10px;
    margin-left: 10px
}

.docu_sub_list li {
    list-style: disc
}

.docu_intro_text {
    font-size: 13px;
    padding: 10px
}

.doc_zone {
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 700
}

.splog {
    padding: 15px 10px
}

.sptext {
    margin-top: 2px
}

#main_emoticon .ikonListesiIMG,#private_emoticon .ikonListesiIMG {
    border-radius: 5px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 5px;
    cursor: pointer;
    float: left;
    min-height: 40px;
    max-height: 40px;
    min-width: 40px;
    max-width: 40px;
    background-color: #eaeaea6e;
    padding: 5px;
    margin: -2px;
    box-shadow: 4px 7px 10px 5px rgb(0 0 0/20%)
}

#main_emoticon .ikonListesiIMG2,#private_emoticon .ikonListesiIMG2 {
    border-radius: 5px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 5px;
    cursor: pointer;
    float: left;
    min-height: 40px;
    max-height: 40px;
    min-width: 40px;
    max-width: 40px;
    background-color: #eaeaea6e;
    padding: 5px;
    margin: -2px;
    box-shadow: 4px 7px 10px 5px rgb(0 0 0/20%)
}

.sticker,#main_emoticon .sticker .ikonListesiIMG2,#private_emoticon .sticker .ikonListesiIMG2 {
    width: 58px;
    min-width: 58px;
    min-height: 58px;
    min-width: 58px;
    min-height: 58px
}

audio {width:100%;border-radius: 0px;border-style: groove;border-width: thin;}

audio::-webkit-media-controls-panel {
  background-color: #dbdbdbe6;
    border-radius: 0px;
}

audio::-webkit-media-controls-play-button {
  background-color: #ffffff;
  border-radius: 5px;
}

audio::-webkit-media-controls-play-button:hover {
  background-color: rgb(253 253 253);
    border-radius: 10px;
}

audio::-webkit-media-controls-enclosure {
    border-radius: 0;
}


#ownerToast{
position:fixed;
bottom:15px;
right:15px;
background:rgba(0,0,0,0.85);
color:#fff;
padding:8px 14px;
border-radius:8px;
font-size:13px;
box-shadow:0 0 8px rgba(0,0,0,0.5);
z-index:9999;
max-width:260px;
word-break:break-word;
animation:ownerToastAnim 0.3s ease;
}

@keyframes ownerToastAnim{
from{
transform:translateY(20px);
opacity:0;
}
to{
transform:translateY(0);
opacity:1;
}
}



.cleft,
.cleft2{
    width: 230px;
    min-width: 230px;
    max-width: 230px;
}

.cright,
.cright2{
    width: 320px !important;
    min-width: 320px;
    max-width: 320px !important;
}

.large_panel{
    width: 320px !important;
    max-width: 320px !important;
}

#chat_center{
    width: auto;
}

#chat_right_data{
    width: 100%;
    overflow-x: hidden;
}

@media only screen and (max-width: 1400px){
    .cleft,
    .cleft2{
        width: 210px;
        min-width: 210px;
        max-width: 210px;
    }

    .cright,
    .cright2,
    .large_panel{
        width: 300px !important;
        min-width: 300px;
        max-width: 300px !important;
    }
}

/* Final emoji sizing lock (must remain after legacy guards). */
#main_emoticon .emo_content,
#private_emoticon .emo_content_priv{
    grid-auto-rows:78px !important;
}
#main_emoticon .emo_content > .emoticon,
#main_emoticon .emo_content > .sticker,
#main_emoticon .emo_content > .custom_emo,
#private_emoticon .emo_content_priv > .emoticon,
#private_emoticon .emo_content_priv > .sticker,
#private_emoticon .emo_content_priv > .custom_emo{
    height:78px !important;
    min-height:78px !important;
    max-height:78px !important;
    padding:7px !important;
}
#main_emoticon .emo_content > div > img,
#private_emoticon .emo_content_priv > div > img{
    width:64px !important;
    min-width:64px !important;
    max-width:64px !important;
    height:64px !important;
    min-height:64px !important;
    max-height:64px !important;
    padding:2px !important;
    object-fit:fill !important;
}
@media (max-width:640px){
    #main_emoticon .emo_content,
    #private_emoticon .emo_content_priv{grid-auto-rows:68px !important;}
    #main_emoticon .emo_content > .emoticon,
    #main_emoticon .emo_content > .sticker,
    #main_emoticon .emo_content > .custom_emo,
    #private_emoticon .emo_content_priv > .emoticon,
    #private_emoticon .emo_content_priv > .sticker,
    #private_emoticon .emo_content_priv > .custom_emo{
        height:68px !important;
        min-height:68px !important;
        max-height:68px !important;
        padding:5px !important;
    }
    #main_emoticon .emo_content > div > img,
    #private_emoticon .emo_content_priv > div > img{
        width:58px !important;
        min-width:58px !important;
        max-width:58px !important;
        height:58px !important;
        min-height:58px !important;
        max-height:58px !important;
        padding:1px !important;
    }
}

@media only screen and (max-width: 1100px){
    .cright,
    .cright2,
    .large_panel{
        width: 280px !important;
        min-width: 280px;
        max-width: 280px !important;
    }
}

/* Oyun eklentisi: masaüstünde rahat oyun alanı, mobilde tam ekran panel. */
#chat_right.oyun_panel_active{
    width:500px !important;
    min-width:500px !important;
    max-width:500px !important;
}

#chat_right.oyun_panel_active #chat_right_content,
#chat_right.oyun_panel_active #wrap_right_data,
#chat_right.oyun_panel_active #chat_right_data,
#chat_right.oyun_panel_active iframe{
    width:100% !important;
}

@media only screen and (max-width:600px){
    #chat_right.oyun_panel_active{
        width:100vw !important;
        min-width:0 !important;
        max-width:100vw !important;
        right:0 !important;
        left:0 !important;
    }
}

/* -----------------------------
   Doğum Günü Kutla (global efekt)
------------------------------*/
.system__birthday,
.system__champ{
    display:none !important;
}

.birthday_celebration{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:999999;
    background:rgba(0,0,0,0.55);
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    animation:bdayFadeIn .2s ease-out;
}
.birthday_celebration.bye{
    animation:bdayFadeOut .6s ease-in forwards;
}
.birthday_center{
    text-align:center;
    padding:20px;
    max-width:90%;
}
.birthday_cake{
    font-size:96px;
    line-height:1;
    filter:drop-shadow(0 8px 18px rgba(0,0,0,0.35));
}
.birthday_text{
    margin-top:10px;
    font-weight:800;
    font-size:32px;
    line-height:1.2;
    color:#fff;
    text-shadow:0 3px 12px rgba(0,0,0,0.55);
}
.birthday_name{
    display:inline-block;
    margin-top:4px;
    font-size:40px;
    text-transform:uppercase;
}

.birthday_fx{
    position:absolute;
    width:260px;
    height:auto;
    opacity:0.95;
    pointer-events:none;
}
.birthday_fx img{
    width:100%;
    height:auto;
}
.birthday_fx.fx1{ left:-40px; top:-30px; }
.birthday_fx.fx2{ right:-40px; top:-30px; transform:scaleX(-1); }
.birthday_fx.fx3{ left:-40px; bottom:-30px; transform:scale(0.9); }
.birthday_fx.fx4{ right:-40px; bottom:-30px; transform:scaleX(-1) scale(0.9); }

@keyframes bdayFadeIn{
    from{ opacity:0; }
    to{ opacity:1; }
}
@keyframes bdayFadeOut{
    from{ opacity:1; }
    to{ opacity:0; }
}


/* 🔥 FLASH NICK FIX (KESİLMEYİ ENGELLE) */

.ulist_name,
.user_item_name,
.user_item_data{
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: normal !important;
}

/* flash nick görsel fix */
.flash_nick_wrap{
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
	vertical-align: middle;
}

.flash_nick_img{
	display: block !important;
	width: auto !important;
	height: var(--flash-height, 26px) !important;
	max-width: min(400px, 100%) !important;
	max-height: 60px !important;
	object-fit: contain;
	flex: 0 1 auto;
}

.flash_nick_preview{
	display:block;
	width:min(400px, 100%);
	height:auto;
	max-height:90px;
	object-fit:contain;
	margin:0 auto 10px;
}

/* Flash nick addon modal preview: keep both image and fallback name clear
   of the avatar while using the same fixed 50px display height. */
.flash_nick_modal_preview{
	display:flex !important;
	align-items:center !important;
	gap:12px;
	min-height:122px;
	padding:10px 14px !important;
	overflow:hidden !important;
}
.flash_nick_modal_preview .user_item_avatar{
	flex:0 0 72px;
	width:72px;
}
.flash_nick_modal_preview > .flash_nick_wrap,
.flash_nick_modal_preview > .flash_preview_normal_name{
	display:flex !important;
	align-items:center;
	min-width:0;
	max-width:calc(100% - 130px) !important;
	margin:0 !important;
	padding:0 !important;
	overflow:hidden !important;
	font-size:20px;
	font-weight:800;
	line-height:1.2;
	text-overflow:ellipsis;
	white-space:nowrap !important;
}
.flash_nick_modal_preview > .flash_nick_wrap .flash_nick_img{
	height:50px !important;
	max-height:50px !important;
	max-width:100% !important;
	object-fit:contain !important;
}

.user_item_data .flash_nick_wrap,
.ulist_name .flash_nick_wrap,
.user_item_name .flash_nick_wrap,
.cname .flash_nick_wrap{
	width:100%;
}

/* normal nick fallback */
.username{
	max-width:100%;
}

@media (max-width: 640px){
	.flash_nick_img{ max-width:100% !important; }
}

/* Emoji layout guard: overrides legacy theme image sizing */
#main_emoticon .emo_content,
#private_emoticon .emo_content_priv {
    grid-auto-rows: 82px !important;
}

#main_emoticon .emo_content > .emoticon,
#main_emoticon .emo_content > .sticker,
#main_emoticon .emo_content > .custom_emo,
#private_emoticon .emo_content_priv > .emoticon,
#private_emoticon .emo_content_priv > .sticker,
#private_emoticon .emo_content_priv > .custom_emo {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 82px !important;
    min-height: 82px !important;
    max-height: 82px !important;
    margin: 0 !important;
    padding: 7px !important;
    float: none !important;
    overflow: hidden !important;
}

#main_emoticon .emo_content > div > img.ikonListesiIMG,
#main_emoticon .emo_content > div > img.ikonListesiIMG2,
#private_emoticon .emo_content_priv > div > img.ikonListesiIMG,
#private_emoticon .emo_content_priv > div > img.ikonListesiIMG2 {
    box-sizing: border-box !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 2px !important;
	object-fit: fill !important;
	border-radius: 12px !important;
	box-shadow: none !important;
}

.emo_head.emo_drag_ready {
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
}

.emo_head.emo_dragging {
    cursor: grabbing;
    scroll-behavior: auto !important;
}

@media (max-width: 640px) {
    #main_emoticon .emo_content,
    #private_emoticon .emo_content_priv { grid-auto-rows: 74px !important; }

    #main_emoticon .emo_content > .emoticon,
    #main_emoticon .emo_content > .sticker,
    #main_emoticon .emo_content > .custom_emo,
    #private_emoticon .emo_content_priv > .emoticon,
    #private_emoticon .emo_content_priv > .sticker,
    #private_emoticon .emo_content_priv > .custom_emo {
        height: 74px !important;
        min-height: 74px !important;
        max-height: 74px !important;
        padding: 5px !important;
    }
}

/* Absolute last word for equal emoji tiles. */
#main_emoticon .emo_content,
#private_emoticon .emo_content_priv{grid-auto-rows:78px !important;}
#main_emoticon .emo_content > .emoticon,
#main_emoticon .emo_content > .sticker,
#main_emoticon .emo_content > .custom_emo,
#private_emoticon .emo_content_priv > .emoticon,
#private_emoticon .emo_content_priv > .sticker,
#private_emoticon .emo_content_priv > .custom_emo{
    height:78px !important;min-height:78px !important;max-height:78px !important;padding:7px !important;
}
#main_emoticon .emo_content > div > img,
#private_emoticon .emo_content_priv > div > img{
    width:64px !important;min-width:64px !important;max-width:64px !important;
    height:64px !important;min-height:64px !important;max-height:64px !important;
    padding:2px !important;object-fit:fill !important;
}
@media (max-width:640px){
    #main_emoticon .emo_content,
    #private_emoticon .emo_content_priv{grid-auto-rows:68px !important;}
    #main_emoticon .emo_content > .emoticon,
    #main_emoticon .emo_content > .sticker,
    #main_emoticon .emo_content > .custom_emo,
    #private_emoticon .emo_content_priv > .emoticon,
    #private_emoticon .emo_content_priv > .sticker,
    #private_emoticon .emo_content_priv > .custom_emo{
        height:68px !important;min-height:68px !important;max-height:68px !important;padding:5px !important;
    }
    #main_emoticon .emo_content > div > img,
    #private_emoticon .emo_content_priv > div > img{
        width:58px !important;min-width:58px !important;max-width:58px !important;
        height:58px !important;min-height:58px !important;max-height:58px !important;padding:1px !important;
    }
}