/* reset css */

#parrot-controls {
    text-align: center;
    font-weight: bold;
}

.parrot-control-action {
    text-decoration: none;
}

::-webkit-scrollbar {
    width: .4em
}

::-webkit-scrollbar-thumb {
    background: #ddd;
}

.room_unread {padding: 2px 3px; border-radius: 4px; font-size: 11px; font-weight: bold; background: red; padding: 2px 3px; color: white;}
* { box-sizing:border-box;}
html { margin: 0em; 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,sans-serif; font-size:14px; width:100%; height:100%;     line-height: 1.3; }
input:focus, select:focus, textarea:focus, button:focus { outline:0; }
p { padding:0; margin:0; }
img { border:0px; }
h1, h2, h3{  margin: 0;  padding: 0; }
h2 { font-size:1.5em; margin-bottom:5px; line-height:1.1em; }
ul { margin: 0; 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 extra */
#main_input_extra { width:auto; position:absolute; bottom:0; left:0; z-index:100; padding:3px; display:none; border-radius:5px; max-width:240px; }
.sub_options { width:40px; height:40px; padding:5px; margin:3px; float:left; cursor:pointer; }
.sub_options:hover { padding:0px; transition: all 0.3s; }
.sub_options  img { width:100%; height:auto; }

/* private input extra */
#priv_input_extra { width:auto; position:absolute; bottom:55px; left:0; z-index:100; padding:3px; display:none; border-radius:5px; }
.psub_options { width:40px; height:40px; padding:5px; margin:3px; float:left; cursor:pointer; }
.psub_options:hover { padding:0px; transition: all 0.3s; }
.psub_options  img { width:100%; height:auto; }

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


/* global element css */
.pad_box { padding:15px; }
.clear { width:100%; height:1px; clear:both; }
.clear5 { width:100%; height:5px; clear:both; }
.clear10 { width:100%; height:10px; clear:both; }
.clear15 { width:100%; height:15px; clear:both; }
.clear_top { margin-top:15px; }
.tmargin5 { margin-top:5px; }
.tmargin10 { margin-top:10px; }
.tmargin15 { margin-top:15px; }
.bmargin5 { margin-bottom:5px; }
.bmargin10 { margin-bottom:10px; }
.bmargin15 { margin-bottom:15px; }
.lmargin5 { margin-left:5px; }
.lmargin10 { margin-left:10px; }
.lmargin15 { margin-left:15px; }
.rmargin5 { margin-right:5px; }
.rmargin10 { margin-right:10px; }
.rmargin15 { margin-right:15px; }
.vmargin5 { margin-top:5px; margin-bottom:5px; }
.vmargin10 { margin-top:10px; margin-bottom:10px; }
.vmargin15 { margin-top:15px; margin-bottom:15px; }
.hmargin5 { margin-left:5px; margin-right:5px; }
.hmargin10 { margin-left:10px; margin-right:10px; }
.hmargin15 { margin-right:15px; margin-right:15px; }
.pad5 { padding:5px; }
.pad10 { padding:10px; }
.pad15 { padding:15px; }
.tpad5 { padding-top:5px; }
.tpad10 { padding-top:10px; }
.tpad15 { padding-top:15px; }
.bpad5 { padding-bottom:5px; }
.bpad10 { padding-bottom:10px; }
.bpad15 { padding-bottom:15px; }
.lpad5 { padding-left:5px; }
.lpad10 { padding-left:10px; }
.lpad15 { padding-left:15px; }
.rpad5 { padding-right:5px; }
.rpad10 { padding-right:10px; }
.rpad15 { padding-right:15px; }
.vpad5 { padding-top:5px; padding-bottom:5px; }
.vpad10 { padding-top:10px; padding-bottom:10px; }
.vpad15 { padding-top:15px; padding-bottom:15px; }
.hpad5 { padding-left:5px; padding-right:5px; }
.hpad10 { padding-left:10px; padding-right:10px; }
.hpad15 { padding-left:15px; padding-right:15px; }
.bold { font-weight:bold; }
.padtitle { padding:15px 15px 0 15px; }
.btable { display:table; table-layout:fixed; width:100%; }
.bcell { display:table-cell; }
.bcell_mid { display:table-cell; vertical-align:middle; }
.bcell_top { display:table-cell; vertical-align:top; }
.bcell_height { display:table-cell; vertical-align:top; height:100%; }
.bcell_elips { display:table-cell; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.large_textarea { height:180px; max-height:180px; }
.medium_textarea { height:100px; max-height:100px; }
.small_textarea { height:65px; max-height:65px; }

#side_content { width:480px; max-width:100%; height:100%; position:fixed; right:0; top:0; z-index:500; display:none; }
#side_close { display:table; width:100%; height:46px; table-layout:fixed; }
.side_close_btn { width:40px; height:100%; display:table-cell; vertical-align:middle; font-size:22px; text-align:center; cursor:pointer; }
.side_close_empty { display:table-cell; vertical-align:middle; }
#side_inside { overflow:hidden; overflow-y:auto; }


.text_small { font-size:13px; }
.text_med { font-size:18px; }
.text_large { font-size:25px; }
.username { font-weight:bold; }
.link_like { text-decoration:underline; }

#content_page { width:100%; height:auto; }
.hidden_box { display:none !important; }
.modal_open { overflow:hidden; }
.hidden { display:none; }

/* list css */
.list { padding:15px; }
.list li { list-style:disc; padding:1px 0; }


/* intro css */
#intro_top { height:auto; width:100%; padding:100px 0; z-index:1; position:relative; }
#intro_top { background:#fff url('../default_images/background.jpg');  background-repeat:no-repeat;  background-size:auto auto;  background-position:center 50px; }
#container_intro { width:1100px; height:300px; margin: 0 auto; padding:0 10px; display:table; }
#intro_content { display:table-cell; vertical-align:middle; }
#intro_inside { max-width:800px; margin:0 auto; text-align:center; padding:20px; border-radius:10px; }
.titles_big { font-size:35px; padding-bottom:10px; line-height:36px; }
.title_small { font-size:18px; }
.extra_login { margin-top:12px; }

/* content radius */
.room_content, .page_menu ul, .user_box_content, .page_element, .sp_box { border-radius:2px; }

/* form login & registration css */
.login_select { width:100%; padding:9px; margin:3px 0; }
.login_select option { width:100%; border:none; padding-left:0; padding-right:0; }
.login_control { margin-top:5px; }
.rules_click { cursor:pointer; text-decoration:underline; }
.login_label { margin-top:5px; }
.login_title { font-size:17px; margin-bottom:6px; }
.login_form { width:100%; height:auto; margin:0 auto; }
.input_data { width:100%; padding:10px; border-radius:3px; border:none; font-size:16px; margin-top:3px; margin-bottom:3px; }
.forgot_password { cursor:pointer; padding:5px 0; font-size:13px;  }
.fbl_button { background:#3b5998; cursor:pointer; color:#fff; }
.twit_button { background:#1da1f2; cursor:pointer; color:#fff; }
.gplus_button { background:#dd4b39; cursor:pointer; color:#fff; }
.vk_button { background:#466991; cursor:pointer; color:#fff; }
.instagram_button { background:#262626; cursor:pointer; color:#fff; }
.linkedin { background:#0077B5; cursor:pointer; color:#fff; }
#intro_control { margin-top:20px; }
.intro_btn { padding:12px 20px;  border-radius:25px; font-size:16px; margin-bottom:7px; min-width:200px; }
.small_intro_btn { padding:8px 12px;  border-radius:25px; font-size:14; margin-bottom:5px; }
.intro_btn_pop { padding:10px; border-radius:3px; margin-bottom:4px; font-size:15px; }
.val_if { display:none; }
.uploaded_container { max-width:100%; display:inline-block; margin-top:5px; }
.uploaded_file { text-decoration:none !important; display:block; padding:3px 10px; border-radius:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rules_text { font-size:11px; margin-top:6px; }
#registration_part { display:none; }
.register_form .selectboxit-container span, .register_form .selectboxit-container .selectboxit-options a { height:40px; line-height:40px; }
.register_options { margin:3px 0; }
#register_button { margin-top:5px; }
.login_content { display:table; table-layout:fixed; width:100%; }
.login_right { display:table-cell; width:240px; vertical-align:top; padding:0 10px; }
.login_left { display:table-cell; vertical-align:top; }
.login_left_pad { padding-right:10px; }
#user_username, #reg_username { margin-top:0; }
.not_member { padding:12px 15px; font-size:13px; font-weight:bold; }

/* section css */
.section { width:100%; height:auto; margin:0 auto; }
.section_content { width:100%; max-width:1100px; margin:0 auto; }
.section_inside { margin:0 auto; }
#intro_section_top { text-align:center; padding:100px 0; }

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

/* footer css */
#main_footer { padding:15px 0; height:auto; }
#menu_main_footer { font-size:15px; width:auto; float:left; }
#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; }

/* misc text css */
#text_box { max-height:400px; overflow-y:auto; }
#text_box ul li { margin-bottom:10px; }
.page_title { padding-bottom:5px; margin-bottom:15px; }
.text_title { font-weight:bold; font-size:15px; }
.text_text { font-size:13px; margin:5px 0 10px 0; }
.text_box { max-height:500px; overflow-y:auto; }


.panel_element { padding:15px; }

/* active_user intro  */
#intro_section_user { padding:72px 0; }
.active_user { height:110px; text-align:center; float:left; overflow:hidden; }
#last_active { width: 100%; height:110px; margin:0 auto; }
.active_avatar { width:110px; height:110px; border-radius:55px; }
#last_active .left-arrow,
#last_active .right-arrow { width: 0; height: 0; border-top: 10px solid transparent;  border-bottom: 10px solid transparent;  margin-top: 5px; cursor: pointer; margin-top:40px; }
#last_active .left-arrow {  float: left; border-right: 10px solid #ccc; display:none;}
#last_active .left-arrow:hover { border-right: 10px solid #000; }
#last_active .right-arrow { float: right;  border-left: 10px solid #ccc; display:none; }
#last_active .right-arrow:hover { border-left: 10px solid #000; }
#last_active .last-clip {  margin: 0 20px; overflow: hidden; position: relative; }
#last_active .last_10 { height: 110px; width: 10000%;  overflow: hidden;  position: relative; }
#last_title { font-size:20px; text-align:center; padding:0 0 20px 0; }
#last_embed_title { font-size:13px; text-align:center; padding:10px 0 0 0; }
#last_embed { width:100%; height:auto; text-align:center; margin:10px 0; }
.active_embed { width:50px; height:50px; display:inline; margin:5px; }
.active_embed_user { width:50px; height:50px; border-radius:50%; }

/* outpage css */
.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:bold; margin-bottom:10px; }
.out_page_text { font-size:16px; margin-bottom:15px; }
.big_icon { font-size:50px; margin-bottom:10px; }
.adm_login { position:absolute; bottom:5px; left:5px; display:block; padding:10px; }

/* chat parts css */
.add_cursor { cursor:pointer; }
.fa { cursor:pointer; }
.username { cursor:pointer; }
#main_input { height:38px; width:100%;}
.chat_input_container { width:100%;}
#container_input { padding:3px 2px; }
#content { width:100%; height:100%; padding:0; padding: 0 8px; float:left; font-size:16px;  border-radius: 100px; }
#content_guest { width:100%; height:100%; padding:0; padding: 0 8px; float:left; font-size:16px; border-radius:0px !important; }
#inside_group , #input_table, #td_group { width:100%; height:100%; }
#inside_group , #input_table, #td_group, #inputt_left, #inputt_right, #td_input { border-collapse: collapse;	 padding:0; }
#inputt_left { height:100%; }
#inputt_right { width:38px; height:100%; }
.main_item { width:38px; height:100%; text-align:center; font-size:24px; z-index:1; display: table-cell; position:relative; overflow:hidden; }
.brush_icon { font-size:18px; display:block; }
#send_image { border-radius:0px; }
#td_input { height:100%; padding: 0 3px; }
.myButton:hover { background-color:#5cbf2a; }
.myButton:active { position:relative; top:1px; }
#container_input_top{ padding:10px 10px 0px 10px; }
#submit_button { width:100%; float:right; height:100% !important; font-weight:bold; box-shadow:none !important; padding:0; border:none !important; font-size:18px; cursor:pointer; border-radius: 100px; }
#input_table { overflow:hidden; }
#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; display: flex; }
#wrap_chat { height:100%; width:100%; }
#warp_show_chat { height:78%; overflow:hidden;}
#menu_container_inside { margin:0 auto; }
#wrap_footer { height:auto; width:100%; position:fixed; bottom:0; left:0; z-index:450; }
#my_menu{ width:100%; height:46px; display:table; table-layout:fixed; }
.work_button { display:none; }

/* element css */
.setting_element, .chat_settings { padding:8px 0; }
.admin_elem_option { padding:10px 0; }
.nogranted { display:none !important }

/* NEW CSS */
#dragbar {
    width: 8px;
    background: rgba(0, 0, 0, 0.1);
    cursor: col-resize;
    z-index: 1;
}

#dragbar:hover {
    background: rgba(0, 0, 0, 0.2);
}

#show_chat.collapsed #astral_logs_container,
#show_chat.collapsed #dragbar {
  display: none;
}
#show_chat.collapsed #chat_logs_container {
  flex: 1;
}

@media (max-width: 600px) {
  #dragbar {
    display: none !important;
  }

  #global_chat {
    table-layout: auto !important;
  }
}


#chat_logs_container,
#astral_logs_container {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  margin-top: auto;
  min-width:0;
  /* flex:1 1 auto !important; */
}

#chat_logs_container > :first-child,
#astral_logs_container > :first-child {
  margin-top: auto;
}

@media (max-width: 600px) {
  #show_chat.mobile-chat {
    display: block;
  }
  #show_chat.mobile-chat #chat_logs_container {
    display: block;
    width: 100%;
  }
  #show_chat.mobile-chat #astral_logs_container {
    display: none;
  }
  
  #show_chat.mobile-astral {
    display: block;
  }
  #show_chat.mobile-astral #chat_logs_container {
    display: none;
  }
  #show_chat.mobile-astral #astral_logs_container {
    display: block;
    width: 100%;
  }
}



/* chat logs css */
.ch_logs { padding: 7px 8px; word-wrap: break-word; display:table; width:100%; table-layout:fixed; max-width:100%; overflow:hidden; }
.other_logs{ padding: 7px 8px; word-wrap: break-word; display:table; width:100%; table-layout:fixed;}
.avatar_chat { display:block; height:36px; width:36px; border-radius:18px; overflow:hidden; }
.my_avatar { display:table-cell; width:36px; vertical-align:top; }
.my_text { display:table-cell; vertical-align:top; padding:0 0 0 6px; position:relative; }
.my_text .username { font-size:12px; display:inline-block; }
.chat_message { line-height:22px; }
.chat_wrap_content { width:100%; min-height:40px; padding:5px 0; display:table-row; }
.chat_wrap_wrap { width:98% !important; height:auto; display:table; padding:5px 1%; }
.chat_image { max-width:100%; max-height:100px; width:auto; margin:5px 0 0 0; border-radius:5px; }
#show_chat .fancybox-video img, #show_chat .fancybox-vimeo img, #show_chat .fancybox img{ position:relative; }
#chat_logs_container, #astral_logs_container { flex: 1; position:relative; bottom:0; max-height:100%; overflow-y:auto; }
#show_chat li { position:relative; }
.logs_date { font-size:10px; position:absolute; top:0; right:0; margin-right:5px; }
.special_delete { font-size:13px; position:absolute; top:0; right:0; margin-right:4px; padding:5px; }
.delete_log, .report_log { margin-left:2px; cursor:pointer; font-size:11px; padding:5px; }
.emo_chat { margin-bottom:-6px; height:30px; }
.emo_status { max-width: 20px; max-height: 20px; }
.emo_icq { margin-bottom:-6px; }
.sticker_chat { height:96px; max-width:100%; }
.custom_chat { max-height:200px; max-width:400px; }
#menu_private { width:100%; height:34px; padding:3px 0; display:none; }
.my_notice { padding:3px; }
.hide_this { display:none; }
.advice { font-size:12px; }
.system, .usystem { font-size:12px; }
.chat_emoticon { cursor:pointer; }
.datechat2 { font-size:13px; }
.datechat { font-weight:bold; }
.chat_avatar_wrap { cursor:pointer; }
.add_pad_left { padding-left:10px; }

/* avatar css */
.avatar_post { width:36px; height:36px; border-radius:50%; float:left; display:block; }
.avatar_reply { width:32px; height:32px; border-radius:50%; }
.avatar_userlist { width:36px; height:36px; border-radius:50%; float:left; display:block; }
.avatar_menu { width:32px; height:32px; border-radius:50%; display:block; float:right; }
.request_avatar { width:40px; height:40px; float:left; border-radius:20px; }
.avatar_action { width:36px; height:36px; border-radius:18px; }
.avsex { border:2px solid; }


/* input css */
.full_input, .full_textarea { padding:6px 10px; width:100%; min-width:100%; max-width:100%; border:none; border-radius:2px; }
.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:32px; line-height:32px; }

/* element css */
.centered_element { text-align:center; }
.boom_form { padding:0 0 10px 0; }
.form_left { width:50%; float:left; padding-right:3px; }
.form_right { width:50%; float:right; padding-left:3px; }
.form_split { width:100%; clear:both; }
.form_half_center { width:50%; margin:0 auto; }

/* button css */
.full_button { width:100%; text-align:center; }
.button_half { width:49%; text-align:center; }
.button_left { float:left; }
.button_right { float:right; }
.label { margin-bottom:6px; font-size:13px; }
.set_button, .reg_button, .rooms_button { padding:8px 10px; }
.rooms_button, .pop_button, .set_button, .reg_button, .very_large_button, .button { border-radius:2px; cursor:pointer; }
.pop_button { font-size:15px; padding:8px 0; }
.login_btn { padding:10px 0; }
.very_large_button { font-size:18px; padding:10px 0; text-align:center; }
.bold_button { font-weight:bold; }
.load_more { margin:0 auto; padding:8px; cursor:pointer; border-radius:2px; }
#chat_right_data .load_more { width:96%; margin-bottom:50px; }
.panel_full_btn { padding:10px; cursor:pointer; }

/* font and text css */
.titles { font-size:30px; padding-bottom:10px; }

/* icon css chat list */
.chatit { height:100%; }

/* empty zone css */
.empty_zone { padding:10px; margin:0 auto; text-align:center; }

/* post css */
.add_news_box, .add_post_container { padding:0 0 10px 0; }
.news_element { padding:10px 0; }
.new_news { padding:0 5px; border-radius:2px; margin-left:3px; }
#wall_wrap, #news_wrap { padding:10px; }
.page_element #wall_wrap, .page_element #news_wrap { padding:0; }
.post_element { height:auto; padding:12px 0; margin:0 auto;  }
.post_title { display:table; table-layout:fixed; width:100%; }
.post_avatar { display:table-cell; width:40px; vertical-align:middle; }
.post_info { display:table-cell; vertical-align:middle; }
.post_edit { display:table-cell; vertical-align:middle; cursor:pointer; width:40px; font-size:15px; text-align:center; }
.small { font-size: 12px; }
.post_content { padding:10px 0; display:table; table-layout:fixed; width:100%; word-wrap: break-word; }
.post_control { display:table; width:100%; table-layout:fixed; }
.like_container, .comment_count, .do_comment { display:table-cell; vertical-align:middle; height:30px; }
.like_container { text-align:left; }
.comment_count { width:60px; text-align:right; padding-right:10px; cursor:pointer; }
.do_comment { width:40px; text-align:center; cursor:pointer; }
.like_count, .unlike_count { float:left; cursor:pointer; margin-right:15px; }
.like_container .count{ margin-left:5px; }
.show_reply { height:auto; overflow:hidden; margin-bottom:10px;}
.reply_name { padding-right:5px; }
.comment_reply { display:table; width:100%; table-layout:fixed; word-wrap:break-word; padding:7px;  }
.comment_avatar { width:36px; }
.comment_avatar, .comment_text { display:table-cell; vertical-align:top;}
.comment_text { padding:0; }
.reply_post { padding:10px 0 0 0;}
.more_comment { cursor:pointer; display:block; padding:8px 0; }
.more_comment:hover, .open_adco:hover { text-decoration:underline; }
.reply_this { float:right; padding:8px 5px 0 0; cursor:pointer;}
.reply_post button { margin-top:5px; }
.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; }
.comment_text img { max-height:160px; }
.open_adco { margin:0 0 5px 0; cursor:pointer; }
.add_comment_zone { clear:both; display:none;}
.load_more_post { padding:6px 0; text-align:center; font-size:17px; cursor:pointer; }
.show_notified_post { padding:10px; }
.panel_wrap { padding:15px 15px 30px 15px; }

/* wall input and news input */
.post_input_container { }
.main_post_control { display:table; width:100%; table-layout:fixed; margin-top:3px; }
.main_post_data { padding:0 10px 10px 10px; }
.main_post_data img { max-height:100px; max-width:100%; }
#post_file_data { display:none; }
.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; }
.main_post_item { display:table-cell; width:40px; height:40px; vertical-align:middle; font-size:20px; position:relative; text-align:center; }
.main_post_button { display:table-cell; text-align:right; vertical-align:middle; height:40px; }
#friend_post, #news_data { height:34px; border:none; overflow:hidden; background:none !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:0px !important; }
.add_comment { padding:10px; margin-bottom:10px; }

/* video in post css */
.video_container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin:5px 0 0 0; clear:both; }
.video_container iframe, .video_container object, .video_container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* video in post css */
.chat_video_container { width:300px; max-width:100% !important; position:relative; }
.chat_coub_container { width:360px; max-width:100% !important; position:relative; }
.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:0.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%; }

/* stream css */
#wrap_stream { width:480px; height:270px; 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:-240px; margin-top:-158px; display:none; }
#stream_header { width:100%; height:30px; }
#close_stream { float:right; padding:3px 10px 3px 10px; font-size:24px !important; color:#fff; }
#container_stream .ui-icon, #container_stream .ui-widget-content .ui-icon { background-image:url('../default_images/resize.png'); background-position:bottom right;}
#stream_resize i { display:block; }
@media screen and (max-width:748px){
	#wrap_stream { width:320px; height:180px; padding-bottom:20px; border-top:1px solid #333; }	
	#container_stream { width:auto; height:auto; z-index:999; position:fixed; box-shadow:0 0 2px 2px #222; top:50%; left:50%; margin-left:-160px; margin-top:-113px; }
}

/* header css */
#wrap_main_header { max-width:1100px !important; margin:0 auto; height:100%; }
#header2 { width:100%; height:50px; margin:0 auto; position:fixed; z-index:4; }
#chat_head { height:46px;  padding:0 6px; width:100%; display:table; table-layout:fixed; }
.empty_subhead { width:100%; height:50px; }

/* menu css */
#main_header { display:table; table-layout:fixed; width:100%; height:100%; }
.head_logo, .chat_head_logo { display:table-cell; vertical-align:middle; width:152px; white-space:nowrap; cursor: pointer; }
.mobile_logo { display:table-cell; vertical-align:middle; width:50px; white-space:nowrap;  }
.head_logo img, .chat_head_logo img { max-height:44px; max-width:148px; display:block; }
.mobile_logo img { display:block; max-height:38px; }
.login_main_menu { display:table-cell; text-align:right; vertical-align:middle; height:100%; }
.login_main_menu { padding:0px; }
.login_main_menu ul li { display:inline-block;  margin-left:5px; padding:8px 10px; border-radius:3px; cursor:pointer;  font-size:14px; }
#login_menu { width:200px; height:auto; position:absolute; top:100%; right:0; z-index:100; display:none; } 
#login_menu li { display:list-item; width:100%; margin:0; text-align:left;  font-size:14px; text-transform: none; cursor:pointer; }
#mobile_main_menu { width:240px; height:auto; position:absolute; top:100%; right:0; z-index:161; display:none; }
#mobile_main_menu li { display:list-item; width:100%; margin:0; text-align:left; text-transform:none; cursor:pointer; }
#empty_top_mob { display:table-cell; vertical-align:middle; padding-right:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.head_option { display:table-cell; width:38px; vertical-align:middle; font-size:16px; text-align:center; position:relative; cursor:pointer; }
#main_mob_menu { display:table-cell; vertical-align:middle; width:36px; text-align:center; position:relative; }
#open_login_menu { display:table-cell; vertical-align:middle; width:50px; font-size:24px; text-align:center; position:relative; }
.av_menu_arrow { float: right; font-size: 20px; margin-left: 5px;  margin-top: 10px; }
#back_to_page { display:table-cell; text-align:right; font-size:17px; }
#back_button { padding:10px; font-size:17px; }


/* language box */
.intro_language { display:table; width:100%; table-layout:fixed; }
.lang_flag { width:26px; height:auto; display:block; margin:0 auto; }
.intro_lang { width:26px; height:auto; display:block; margin:0 auto; }
.lang_box { display:table; width:100%; table-layout:fixed; }
.lang_flag_box { display:table-cell;  width:40px; height:38px; vertical-align:middle; }
.lang_lang { display:table-cell; vertical-align:middle; padding-left:2px; }
.embed_lang { padding:5px; }

/* list css */
.drop_list { display:none; cursor:pointer; }
.drop_list li { padding: 10px 20px; }
.user_lm_box { display:table; table-layout:fixed; width:100%; padding:0 5px; }
.user_lm_avatar { display:table-cell; vertical-align:middle; width:46px; padding:3px 5px; }
.user_lm_data { display: table-cell; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.user_lm_icon { display: table-cell; vertical-align:middle; width:24px; text-align:center; }
.lm_option { width:50px; text-align:center; font-size:22px; vertical-align:middle; display:table-cell; }
.user_count { padding:10px; width:100%; font-size:13px; font-weight:normal; font-weight:bold; }
.st_icon  { font-size:11px; }
.icmute, .icrank, .icstatus, .icsex { font-size:16px; }

/* responsive menu page */
#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; }
#close_side_menu { padding:12px; text-align:right;  }

/* room option css */
#room_top_options { margin-bottom:15px; }
.room_option_btn { display:block; float:left; padding:8px 10px; border-radius:2px; margin-right:5px; cursor:pointer; }
.room_top_box { padding: 0 5px; }

/*page css */
#testhide { display:none; }
#page_global { display:table; table-layout:fixed; width:100%; }
.page_indata { display:table-cell; vertical-align:top; }
.page_menu { display:table-cell; vertical-align:top; width:220px; padding-right:10px; }
#page_wrapper { display:table; table-layout:fixed; width:100%; position:relative; z-index:1;}
.page_full { width:100%; display:table; }
.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_fourth { width:25%; display:table-cell; vertical-align:top; }
.page_menu ul li { padding:10px; cursor:pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position:relative; }
.side_menu_content ul li { padding:10px 8px; cursor:pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.menui, .addonsi, .pagemenui { width:22px; }
.spec_menu { padding-right:36px !important; position:relative; }
.page_menu ul li:last-child, .side_menu_content ul li:last-child { border-bottom:none; }
.side_menu_content { padding:0; }
.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%; }
.third_content { width:33%; padding:10px; float:left; }
.page_element { padding:15px; margin-bottom:10px; }
.empty_page_element { padding:15px; margin-bottom:10px; border-radius:3px; }
.box_title { margin-bottom:12px; padding:0 0 8px 0; font-weight:bold; }
.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; }
.element { display:table; width:100%; table-layout:fixed; }
.page_half_left { display:table-cell; width:50%; padding-right:5px; vertical-align:top; }
.page_half_right { display:table-cell; width:50%; padding-left:5px; vertical-align:top; }
.no_pad { padding:0 !important; }

/*addons grid */
.addons_grid { width:33%; height:90px; float:left; text-align:center; }
.addons_grid_img { margin:0 auto; }
.addons_grid_name { font-size:12px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:0 5px; }
#addons_loaded { display:none; }

/* opaque color */
.offline:hover { opacity:1; }

/*friends module */
.user_square_elem { width:58px; height:58px; position:relative; float:left; margin-left:2px; margin-bottom:2px; overflow:hidden; }
.user_square_elem img { width:100%; height:auto; }
.user_square_name { font-size:11px; text-align:center; width:100%; position:absolute; bottom:0; padding:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* my friends element */
.ulist_container { max-height:320px; overflow:hidden; overflow-y:auto; }
.ulist_square { width:100%; height:auto; table-layout:fixed; display:table; padding:5px 0;}
.ulist_avatar, .ulist_name, .ulist_del { display:table-cell; vertical-align:middle; }
.ulist_avatar { width:60px; }
.ulist_avatar img { width:40px; height:auto; border-radius:20px; display:block; margin:0 auto; }
.ulist_name {
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    padding: 0 5px;
}
.ulist_del { width:50px; font-size:22px; text-align:center; }


/* global wrap chat display */
#global_chat { display:table; width:100%;  overflow:hidden; table-layout: fixed;}

/* chat left css */
#chat_left { height:100%; border-radius:0px; overflow:hidden; overflow-y: auto; width:160px;  min-width: 160px; }
#chat_left_menu { width:100%; overflow:hidden; overflow-y:auto; }
.cleft { width:60px; border-radius:0px; overflow:hidden; padding:0; display:table-cell; vertical-align:top; }
.cleft2 { position:absolute; width:60px; top:51px; left:0; top:0; z-index:201; display:none; padding-bottom:0;}
.open_status { font-size:13px; }
.status_icon { font-size:16px; width:20px; }
#status_list { padding:0px !important; display:none; }
#container_user .gaming { margin-right:3px; }
.list_item { cursor:pointer; }
.open_icon { display:table-cell; width:20px; text-align:center;  }
#left_under { white-space:nowrap; width:160px; }
#container_extra img { display:block; padding:10px 5px; }

.left_item { display:table; width:100%; table-layout:fixed; height:41px; }
.status_option { display:table; width:100%; table-layout:fixed; height:36px; }
.actual_in, .left_item_in { display:table-cell; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 10px; vertical-align:middle; }
.left_notify { display:table-cell; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; text-align:center; width:36px; position:relative; }

/* chat center css */
#chat_center { display:table-cell;  width:100%; vertical-align:top;  overflow:hidden;}

/* chat left css */
.panel_bar { display:table; width:100%; table-layout:fixed; height:42px; }
.panel_bar_item { display:table-cell; width:40px; vertical-align:middle; text-align:center; font-size:20px; }
.panel_bar_empty { display:table-cell; vertical-align:middle; }
#chat_right{ height:100%; min-width: 250px; }
.cright { width:250px; border-radius:0px; overflow:hidden; padding:0;  display:table-cell;  vertical-align:top; max-width:100% !important; }
.cright2 { width:250px; position:absolute; top:51px; right:0; top:0; overflow:hidden; z-index:201; padding-bottom:0px; 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%; }
.crt_item {  display:table-cell; vertical-align:middle; width:50px; text-align:center; font-size:18px; cursor:pointer;}
.crt_empty { display:table-cell; vertical-align:middle; }
.fetching { position:absolute; bottom:0; width:100%; }

/* top menu header and side panel special css for chat */
#side_panel { display:none;}
#main_menu { width:200px; height:auto; position:absolute; bottom:100%; display:none; right:0%;}

/* sub menu */
.sub_menu { border-radius:2px; }
.sub_menu li{ padding:10px 30px 10px 10px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* bottom menu css */
.chat_footer_item { width:50px; height:100%; text-align:center; cursor:pointer; display:table-cell; max-width:16.66666666%; vertical-align:middle; position:relative; }
.chat_footer_empty { display:table; }
#notify_menu { width:220px; height:auto; position:absolute; bottom:100%; display:none; }
.i_btm  { font-size:20px;}

/* notification icons */
.notification { position:absolute; top:5px; left:8px; padding:2px 3px; border-radius:2px; font-size:11px; font-weight:bold; display:none;}
.head_option .notification { top:10px; left:5px; }
.menu_notify { position:absolute; right:10px; padding:0 5px; border-radius:2px; font-size:13px; font-weight:bold; display:none; }
.notif_left { padding:2px 5px; border-radius:2px; font-size:13px; font-weight:bold; display:none; }
.pm_notify { padding:0 5px; border-radius:2px; font-size:14px; font-weight:bold;}

/* notification item */ 
.notify_avatar, .notify_details { display:table-cell; }
.notify_details { padding:0 5px 0 10px; vertical-align:top; }
.notify_avatar { width:36px; vertical-align:top; }
.notify_item { display:table; width:100%; padding:10px 10px !important; cursor:pointer;}
.avatar_notify { width:36px; height:36px; border-radius:18px; }
.notify_text { margin-top:0px !important; margin-left:0px !important; }
.date_notify { font-size:12px; }
#notify_list { overflow:hidden; padding:0px; }
#notify_content { max-height:364px; overflow:hidden; overflow-y:auto; }

/* private box */
.private_list { max-height:370px; overflow:hidden; overflow-y:auto; padding:10px 0; }
#private_box { width:400px;  max-width:100%; position:absolute;  bottom:47px; right:0;  height:360px; z-index:160;  padding:1px; display:none; }
#private_top { width:100%; height:44px; display:table; }
#private_list { font-size:20px; float:right; padding:9px 12px; }
#private_content { width:100%; overflow:hidden; overflow-y:auto; padding:5px 10px; height: 262px; height: calc(100% - 96px); }
#private_input { height:54px; width:100%; padding:8px 2px 8px 0; position:relative; }
#private_control { width:100%; display:table; }
#message_form { height:38px; }
#message_input, #message_send { display:table-cell; }
#message_send { text-align:center; width:38px; height:100%; cursor:pointer; border-radius: 100px;  }
#private_send { width:100%; height:100% !important; cursor:pointer; font-size: 16px; }
#message_input input { width:100%; border:none; height:38px;  padding:0 8px; border-radius: 100px; }
#message_right { display:table-cell; padding: 0 3px; }
#emo_item_priv { width:40px; text-align:center; vertical-align:middle; font-size:20px; display:table-cell;}
#file_private { width:40px; text-align:center; vertical-align:middle; font-size:20px; display:table-cell; position:relative; text-align:center; }
#message_input { display:table-cell;  }
#private_left { display:table; width:100%; height:100%; }
#private_name p { font-size:18px; }
.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:46px; vertical-align:top; padding:0 5px; }
.private_content { display:table-cell; vertical-align:top; }
.hunter_private, .target_private { padding:6px 10px; max-width:220px; display:inline-block; margin-top:5px; word-wrap:break-word; }
.target_private { float:right; border-radius:5px 0 5px 5px; }
.hunter_private { border-radius:0 5px 5px; }
.avatar_private { display:block; height:36px; width:36px; 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; }
.ignored { padding:5px 10px; text-align:center; font-size:15px; }

/* spinner box css */
.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%; }

/* search bar css */
.search_bar { position:relative; }
.search_label { position:absolute; top:5px; left:10px; font-size:18px; }
.search_input { width:100%;  padding:10px; border-radius:3px; border:none; }
#friend_search_box { width:100%; padding:10px; }
#room_search_box { height:auto; position:relative; margin-top:10px; }

/* room list box css */
#container_rooms { padding-top:0px; }
#page_content  { width:100%; max-width:1100px; margin:0 auto; height:auto; padding:20px 0px; }
.rooms_button { font-size:15px; }
.room_box { width:50%; float:left; cursor:pointer; padding:5px; }
.room_content { padding:10px; }
.room_center, .room_bottom{ width:100%; height:auto; clear:both; }
.room_top { display:table; table-layout:fixed; width:100%; font-size:18px; }
.room_center{ padding:10px 10px 10px 0; height:56px; font-size:14px; }
.room_center_hide { display:none; }
.room_counter, .room_title { display:table-cell; vertical-align:middle; font-weight:bold; }
.room_counter { width:80px; text-align:right; }
.room_title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.room_join { font-size:16px; margin-bottom:5px; }

.in_room_element { display:table; table-layout:fixed; width:100%; height:40px; cursor:pointer; }
.in_room_icon { display:table-cell; width:40px; vertical-align:middle; font-size:20px; text-align:center; position:relative; }
.in_room_name { display:table-cell; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.in_room_count { display:table-cell; width:80px; vertical-align:middle; text-align:right; padding:10px; }
.in_room_protected { font-size:16px; position:absolute; bottom:3px; right:8px; }

/* pop box css */
.pop_p, .upload_p { padding:5px 0; font-size:18px; margin-bottom:10px; }
.pop_h2 { padding-top:5px; margin-bottom:15px; font-size:18px; }
.input_pop_full { padding:5px 5px 5px 5px; display:block; width:100%;  text-align:center; font-size:18px; border-radius:3px; border:none; margin-bottom:15px; }

/* player css */
#player { width:100%; height:42px; position:relative; table-layout:fixed; z-index:99; }
#player_content { display:table; width:100%; height:100%;}
#player_volume { display:table-cell; height:100%; vertical-align:middle; padding:0 15px; }
.player_btn { width:56px; text-align:center; height:100%; display:table-cell; vertical-align:middle; position:relative; }
.player_btn_small { width:36px; text-align:center; height:100%; display:table-cell; vertical-align:middle; }
.small_play { font-size:20px; }
.large_play { font-size:36px; }
#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 { margin-top:-3px; }
.sound_display { text-align:left; }
.sound_display i { margin-left:15px; }
#no_player_volume { display:table-cell; width:180px; vertical-align:middle; }
#empty_player { display:table-cell;}
#no_player_volume p { padding-left:15px; max-width:160px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; }
#player_list { display:none; }
.radio_element { padding:10px; }
.now_player { padding-right:5px; }
#all_player { max-height:264px; overflow-y:auto; }
#show_player { display:none; }

/* profile css */
.boxed { padding:10px 20px 60px 20px; height:auto; }
.boxed_profile { padding:10px 35px 200px 35px; }
.avatar_view_profile { width:160px; height:160px; border-radius:5px; cursor:pointer; display:block; margin:0 auto; margin-top:10px; margin-bottom:5px; }
#upload_avatar { margin-bottom:8px; }
.choose_avatar{ position:relative; }
#avatar_image, #cover_image, #icon_image, #music_file, .upload_file_icon { -webkit-appearance:none; position:absolute; top:0; left:0; opacity:0; width:100%; height:100%; cursor:pointer; }
#verify_account { }
.theme_choice { padding:10px; }

/* profile box */
.profile_top { padding:15px 15px 10px 15px; position:relative; }
.profile_close { position:absolute; top:0; right:0; padding:10px 15px; font-size:20px; z-index:2; cursor:pointer; }
.profile_username { text-align:center; font-size:20px; margin-top:-5px; font-weight:bold; }
.modal_menu ul li { display:inline-block; padding:10px; cursor:pointer; }
#profile_data .user_square_elem { float:none; display:inline-block; }
#profile_data { text-align:center; }
.profile_title { font-weight:bold; padding:4px 0; }
.hide_zone { display:none; }
.modal_wrap_top { position:relative; }
.my_profile_top { padding:15px; display:table; table-layout:fixed; width:100%; position:relative; height:inherit;transition:1.5s;}
.profile_avatar { display:table-cell; width:140px; height:140px; vertical-align:top; position:relative; }
.avatar_profile { width:140px; height:auto; cursor:pointer; display:block; border-radius:5px; }
.avatar_control { position:absolute; bottom:0; width:100%; }
.avatar_button { width:50%; float:left; }
.my_profile_name { display:table-cell; vertical-align:bottom; padding:0 10px 0 10px; position:relative; width: 100%; }
.my_name { font-size:25px; font-weight:bold; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.my_profile_data { padding:15px; }
.profile_admin { width:80%; margin:0 auto; text-align:left; }
.profile_admin_title { font-size:15px; font-weight:bold; padding:4px 0;}
.pro_button { float:right; margin-left:5px; }
.info_pro { padding:8px 0; }
.info_about { padding-bottom:6px; }

/* profile action box */
.pro_action_section { margin-bottom:15px; }

/* upload box css */ 
#chat_file, #private_file { -webkit-appearance:none; position:absolute; top:0; left:0; opacity:0; width:100%; height:100%; cursor:pointer; padding:0px !important; overflow:hidden; }

/* report box */
.report_p { padding:10px 0; }
#report_option { height:auto; padding:5px 0 0px 0;  margin-bottom:10px; }
.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:22px;}
.report_text { display:table-cell; text-align:left; vertical-align:middle; padding:0 5px; }
.report_wrap { width:100%; }
.report_head { display:table; table-layout:fixed; width:100%; }
.report_avatar { display:table-cell; width:50px; vertical-align:middle; }
.report_name { display:table-cell; vertical-align:middle; }
.report_content { width:100%; margin:6px 0; max-height:1000px; overflow-y:auto;}
.rep_name { margin-bottom:-4px; }
 #report_control { display:table; table-layout:fixed; width:100%; margin-top:10px; }
#report_option { display:table; table-layout:fixed; width:100%; }
.report_action { display:table-cell; }
.rep_left { padding:5px 5px 0 0; }
.rep_right { padding:5px 0px 0 5px; }

/* section css */
.staff_list .empty_zone { width:100%; }

/* emoticon panels */
.lazyicq {
	height: auto !important;
	width: auto !important;
	/*padding-top: 2px;*/
	/*padding-bottom: 2px;*/
}
#main_emoticon { width:456px; max-width:100%; height:222px; position:absolute; bottom:0; 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; 
    display: flex;
    flex-wrap: wrap; /* Optional. only if you want the items to wrap */
    justify-content: center; /* For horizontal alignment */
    align-items: center; /* For vertical alignment */
}
.emoticon { height:24px; float:left; margin:5px; }
.emo_content .emoticon  img { height:100%; width:auto; }
.sticker { height: 80px; float:left; margin:6px; }
.emo_content .sticker  img { height:100%; }
.emo_content .custom_emo img { max-width:48px; max-height:48px; float:left; margin: 6px; }
.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; }
#private_emoticon { width:100%; height:200px; position:absolute; bottom:100%; left:0; z-index:100; display:none; }
.emo_content_priv { 
	width:100%; height:160px; overflow:hidden; overflow-y: auto; padding:5px; 
    display: flex;
    flex-wrap: wrap; /* Optional. only if you want the items to wrap */
    justify-content: center; /* For horizontal alignment */
    align-items: center; /* For vertical alignment */
}
.emo_content_priv  .emoticon  img { width:24px; float:left; margin:5px; }
.emo_content_priv  .sticker  img { width:60px; float:left; margin:6px; }
.emo_content_priv  .custom_emo img { max-width:48px; max-height:48px; float:left; margin: 6px; }
.emoticon, .sticker, .custom_emo { cursor:pointer; }
.emo_result { min-height:240px; max-height:400px; }

/* avatar menu */
#av_menu { width:200px; height:auto; position:absolute; bottom:0; left:-5000px; z-index:99;}
#av_menu ul { width:100%; display:block; position:relative; }
#av_menu li { padding:8px 10px; cursor:pointer; }
#av_menu li:first-child { border-top:none; }
#menu_action { display:none; }

/* admin section css */
.saved_data { padding:15px; font-size:24px; text-align:center; position:fixed; top:0; left:0; width:100%; display:none; z-index:1002; }
#page_block { width:100%; display:table; }
.ex_admin { padding:5px 0 0 0; font-style:italic; font-size:13px;}
#system_status { margin:0 auto;  clear:both;}
.system_icon { margin-left:5px; }
#system_status li { padding:8px 0; }
.status_title { font-size:22px; margin-bottom:10px; }
.admin_form { width:100%; display:block;  }
#word_list { width:100%; height:auto; padding:10px 0; }
.tab_element { display:table; width:100%; table-layout:fixed; cursor:pointer; }
.admin_sm_content { display:table-cell; vertical-align:middle;  padding:12px 10px; }
.admin_sm_avatar { display:table-cell; width:46px; vertical-align:middle;  padding:5px 0 5px 10px; }
.admin_sm_username { display:table-cell; vertical-align:middle; padding:0 0 0 10px; }
.admin_sm_option { display:table-cell; width:50px; vertical-align:middle; text-align:center; font-size:20px; cursor:pointer; }
.admin_sm_button { display:table-cell; padding:10px; vertical-align:middle; text-align:right; cursor:pointer; }
.admin_sm_username { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.admin_search { display:table; width:100%; overflow:hidden; }
.admin_input { display:table-cell; }
.admin_input input { width:100%; padding:6px 10px; font-size:18px; border-radius:3px 0 0 3px; }
.admin_search_btn { display:table-cell; width:50px; text-align:center; cursor:pointer; border-radius:0 3px 3px 0; }
.edit_wrap { width:100%; height:auto; padding:10px 0 0 0; }
.edit_section { width:100%; height:auto; margin-bottom:5px; position:relative;}
.edit_section_left { width:180px; padding:0 20px 0 0; float:left; }
.edit_section_right { width:200px; float:left; }
#admin_action_save { margin-top:5px; }
.admin_avatar_top { display:table; table-layout:fixed; width:100%; position:relative; }
.admin_avatar { display:table-cell; width:140px; height:140px; position:relative; }
.admin_avatar_empty { display:table-cell; }
.edit_remove_avatar { position:absolute; bottom:0; width:100%; text-align:center; padding:8px 0; }
.edit_verify { margin-top:8px; }
.admin_username { font-size:24px; font-weight:bold; margin-bottom:8px; }
.admin_profile_top { padding:15px; display:table; table-layout:fixed; width:100%; position:relative; }
.admin_view_profile { width:140px; height:auto; border-radius:5px; cursor:pointer; display:block; }
.admin_remove_avatar { border-radius:0 0 5px 5px;  }
.admin_details span { font-weight:bold;  padding:5px 0; }
.admin_title { padding:0 0 6px 0; }
#ip_search, #rom_search { padding:15px 0; }
.room_det { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.warning_box { width:100%; padding:12px; border-radius:4px; margin:10px 0; }
.current_version { font-size:20px; padding:10px 0; }
.admin_sub_title { font-size:14px; margin:10px 0; }

/* search bar */

.search_block { display:table; width:100%; overflow:hidden; }
.search_block_btn { display:table-cell; width:50px; text-align:center; cursor:pointer; border-radius:0 3px 3px 0; }
.search_block_input { display:table-cell; }
.search_block_input input { width:100%; padding:6px 10px; font-size:18px; border-radius:3px 0 0 3px; }

/* other element */
.sp_box { width:48%; padding:20px 10px; display:block; float:left; margin:0 1%; margin-top:20px; }
.sp_box i { width:50px; }
.sp_content { width:100%; }
.sp_top { font-size:40px; width:100%; text-align:center; }
.sp_bottom { font-size:15px; text-align:center; }
.sp_bottom p { max-width:90%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; margin:0 auto; }

/* sub mobile menu and subpage */
#open_sub_mobile { display:none; width:36px; 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; }

/* private modal box */
.p_avatar { width:100%; position:relative; z-index:2; }
.p_data { width:100%; height:auto; }
.p_empty { display:table-cell; }
.p_use { display:table-cell; width:36px; height:36px; padding:1px; vertical-align:middle; }
.p_name { font-size:18px; }
.p_item { padding-right:7px; float: left; font-size: 20px; display:block; }
.p_description { width:100%;  overflow-y:auto; padding:0 10px; max-height:105px; word-wrap:break-word; margin-top:5px; }
.p_title { font-weight:bold; margin-top:15px; padding-bottom:5px; }
.p_info {  text-align:center; }
.get_info { cursor:pointer; }

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

.aclist {
    padding: 10px 20px;
}


/* modal control */
.pact_btn { margin-top:5px; }

.action_btn { margin-top:5px; width: 150px;}

/* modal css */
.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: rgb(0,0,0); cursor:pointer; }
.small_modal_in { border-radius:3px; margin: 5% auto; max-width:400px; width: 96%; }
.large_modal_in { border-radius:3px; margin: 5% auto; max-width:500px; width: 96%; }
.modal_top { height:40px; width:100%; display:table; table-layout:fixed; }
.modal_top_empty { display:table-cell; vertical-align:middle; padding:0 10px; font-size:15px; font-weight:bold; }
.modal_top_element { display:table-cell; width:50px; text-align:center; vertical-align:middle; height:40px; font-size:20px; }
.modal_content { }
.modal_content .post_element { padding:0; background:none !important; box-shadow:none !important; margin-bottom:0px !important; }
.modal_boxed { padding:15px; }
.modal_left { width:40%; float:left; height:auto; padding:15px 7px 15px 15px; }
.modal_right { width:60%; float:right; height:auto; padding:15px 15px 15px 7px; }

/* result user box */
.user_box { width:33.3333%; float:left; padding:5px; }
.user_box_avatar { padding-top:1px; }
.user_box .p_data { margin-top:-20px; }
.user_box_content { width:100%; padding:15px; }
.user_box_name { max-width:70%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; margin:0 auto; margin-top:-5px; }
.avatar_ubox { width:80px; height:80px; display:block; margin:0 auto; border-radius:50px; }

/* page message box */
.page_message_text { font-size:20px; text-align:center; }

/* boom store css */
.boom_store_intro { margin:10px 0; }
.store_step li { padding:10px; }
.boom_store_already { font-size:18px; margin:30px 0 10px 0; }
.store_button { width:100%; display:block; text-decoration:none; }
.store_title { margin-top:20px; }

/* help general css */
.help_section { margin-bottom:10px; }
.help_title { padding:0 0 5px 0; margin-bottom:5px; font-weight:bold; }
.help_text { padding:5px 0; font-size:13px;  }
.help_list { padding:5px 0; }
.help_list li { padding:2px 0; }
.sphelp { font-weight:bold; }

/* chat action */
.act_btn { margin-bottom:10px; }
.act_btn:last-child { margin-bottom:0px; }

/* chat audio upload */
.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 { display:table-cell; width:40px; font-size:30px; vertical-align:middle; text-align:center; padding:5px 0; }
.song_progress { display:table-cell; vertical-align:middle; font-size:11px; line-height:13px; padding:5px 8px 5px 0;  }
.music_download { width:40px; vertical-align:middle; text-align:center; display:table-cell; }
.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:0px; }
.song_title { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; word-wrap:normal !important;  line-height:13px; padding:4px 10px; border-radius:0 0 3px 3px; }

.container_up_file { width:300px; max-width:100%; }
.file_share { display:table; table-layout:fixed; width:100%; margin-top:5px; border-radius:3px; }
.file_type { display:table-cell; width:40px; font-size:20px; padding:8px 0; vertical-align:middle; text-align:center; }
.file_title { display:table-cell; vertical-align:middle; font-size:13px; line-height:14px; padding:8px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.file_download { width:40px; vertical-align:middle; text-align:center; display:table-cell; }
.upc_file { color:inherit; font-size:18px; padding:5px; }

/* extra settings for first-child and last-child */
.list_element:first-child, .post_element:first-child, .gprofile_element:first-child, .setting_element:first-child, .news_element:first-child, .store_step li:first-child, .post_element:first-child, .sub_list:first-child,
.sub_menu li:first-child, .sub_list:first-child, .status_list li:first-child, .sub_menu_in li:first-child, .chat_settings:first-child, .background_reply:first-child, .status_option:first-child { border-top: none !important; }
.list_element:last-child, .post_element:last-child, .gprofile_element:last-child, .setting_element:last-child , .news_element:last-child, .post_element:last-child,
.store_step li:last-child, .sub_menu li:last-child, .sub_menu_in li:last-child, .chat_settings:last-child, .status_list li:last-child,
.background_reply:last-child,.page_menu ul li:last-child, .side_menu_content ul li:last-child, .status_option:last-child { border-bottom: none !important; }
#container_user .list_element:nth-last-of-type(2), #container_friends .list_element:nth-last-of-type(2) { border-bottom:none !important; }
#chat_right_data .news_element:first-of-type { border-top:none !important; }
.admin_form { border-bottom:none !important; }
#chat_left .list_element { cursor:pointer; }

/* text colors */
#save_color { margin:10px 0; }
.button_color { width:40%; }
.color_switch { float: left; width: 65px; margin: 4px; position:relative; min-height:50px; text-align: center; display: inline-block;}
.bccheck { font-size: 20px; color: #fff; margin: 14.5px 0 0 2px; }
#boldit { padding-left:15px; padding-right:15px; font-weight:bold; margin-top:1px; }
.bolded { font-weight:bold; }
.open_player { color:#fff !important; }
/*.color_choices { text-align:center; }*/

/* special color */
.bcolor1 { color:#F44336; }
.bcolor2 { color:#D50000; }
.bcolor3 { color:#E91E63; }
.bcolor4 { color:#C51162; }
.bcolor5 { color:#9C27B0; }
.bcolor6 { color:#AA00FF; }
.bcolor7 { color:#673AB7; }
.bcolor8 { color:#6200EA; }
.bcolor9 { color:#3F51B5; }
.bcolor10 { color:#304FFE; }
.bcolor11 { color:#2196F3; }
.bcolor12 { color:#2962FF; }
.bcolor13 { color:#0298DB; }
.bcolor14 { color:#0091EA; }
.bcolor15 { color:#00BCD4; }
.bcolor16 { color:#00B8D4; }
.bcolor17 { color:#009688; }
.bcolor18 { color:#00AB94; }
.bcolor19 { color:#4CAF50; }
.bcolor20 { color:#00C853; }
.bcolor21 { color:#8BC34A; }
.bcolor22 { color:#64DD17; }
/*.bcolor23 { color:#CDDC39; }*/
.bcolor24 { color:#8BBB00; }
/*.bcolor25 { color:#E5D335; }*/
.bcolor26 { color:#E5C000; }
.bcolor27 { color:#FFC107; }
.bcolor28 { color:#FFAB00; }
.bcolor29 { color:#FF9800; }
.bcolor30 { color:#FF6D00; }
.bcolor31 { color:#FF5722; }
.bcolor32 { color:#DD2C00; }
.bcolor33 { color:#795548; }
.bcolor34 { color:#9E9E9E; }
.bcolor35 { color:#607D8B; }
.bcolor100 { color: #e08282; }
.bcolor101 { color: #e082ce; }
.bcolor102 { color: #a082e0; }
.bcolor103 { color: #a6a23c; }
.bcolor104 { color: #913a3a; }

/* special border */
.bborder1 { border-color:#F44336; }
.bborder2 { border-color:#D50000; }
.bborder3 { border-color:#E91E63; }
.bborder4 { border-color:#C51162; }
.bborder5 { border-color:#9C27B0; }
.bborder6 { border-color:#AA00FF; }
.bborder7 { border-color:#673AB7; }
.bborder8 { border-color:#6200EA; }
.bborder9 { border-color:#3F51B5; }
.bborder10 { border-color:#304FFE; }
.bborder11 { border-color:#2196F3; }
.bborder12 { border-color:#2962FF; }
.bborder13 { border-color:#0298DB; }
.bborder14 { border-color:#0091EA; }
.bborder15 { border-color:#00BCD4; }
.bborder16 { border-color:#00B8D4; }
.bborder17 { border-color:#009688; }
.bborder18 { border-color:#00AB94; }
.bborder19 { border-color:#4CAF50; }
.bborder20 { border-color:#00C853; }
.bborder21 { border-color:#8BC34A; }
.bborder22 { border-color:#64DD17; }
.bborder23 { border-color:#CDDC39; }
.bborder24 { border-color:#8BBB00; }
.bborder25 { border-color:#E5D335; }
.bborder26 { border-color:#E5C000; }
.bborder27 { border-color:#FFC107; }
.bborder28 { border-color:#FFAB00; }
.bborder29 { border-color:#FF9800; }
.bborder30 { border-color:#FF6D00; }
.bborder31 { border-color:#FF5722; }
.bborder32 { border-color:#DD2C00; }
.bborder33 { border-color:#795548; }
.bborder34 { border-color:#9E9E9E; }
.bborder35 { border-color:#607D8B; }

/* special background */
.bcback1 { background:#F44336; }
.bcback2 { background:#D50000; }
.bcback3 { background:#E91E63; }
.bcback4 { background:#C51162; }
.bcback5 { background:#9C27B0; }
.bcback6 { background:#AA00FF; }
.bcback7 { background:#673AB7; }
.bcback8 { background:#6200EA; }
.bcback9 { background:#3F51B5; }
.bcback10 { background:#304FFE; }
.bcback11 { background:#2196F3; }
.bcback12 { background:#2962FF; }
.bcback13 { background:#0298DB; }
.bcback14 { background:#0091EA; }
.bcback15 { background:#00BCD4; }
.bcback16 { background:#00B8D4; }
.bcback17 { background:#009688; }
.bcback18 { background:#00AB94; }
.bcback19 { background:#4CAF50; }
.bcback20 { background:#00C853; }
.bcback21 { background:#8BC34A; }
.bcback22 { background:#64DD17; }
/*.bcback23 { background:#CDDC39; }*/
.bcback24 { background:#8BBB00; }
/*.bcback25 { background:#E5D335; }*/
.bcback26 { background:#E5C000; }
.bcback27 { background:#FFC107; }
.bcback28 { background:#FFAB00; }
.bcback29 { background:#FF9800; }
.bcback30 { background:#FF6D00; }
.bcback31 { background:#FF5722; }
.bcback32 { background:#DD2C00; }
.bcback33 { background:#795548; }
.bcback34 { background:#9E9E9E; }
.bcback35 { background:#607D8B; }
.bcback100 { background: #e08282; }
.bcback101 { background: #e082ce; }
.bcback102 { background: #a082e0; }
.bcback103 { background: #a6a23c; }
.bcback104 { background: #913a3a; }

.seen { background:#ffe6f2; color:#330019; }
/*.welcome_log { background:#d9f2e6; color:#0d261a; }*/
/*.welcome_log a { color:orange; }*/

/* message error colors */
.saved_ok { background-color:rgba(0,102,0,0.8); color:#fff; }
.saved_error { background-color:rgba(255,0,0,0.8); color:#fff; }

/* video player */
.background_stream { background-color:rgba(0,0,0,0.9);}

.olay { background-color:rgba(0,0,0,0.5); color:#fff; }

.profile_cover_controls { position:absolute; top:0; right:30px; padding:10px 15px; font-size:20px; z-index:2; cursor:pointer;}
.avatar_userlist_small { width:32px; height:32px; border-radius:50%; float:left; display:block; }
.avatar_chat_small { display:block; height:32px; width:32px; border-radius:18px; overflow:hidden; }
.gradient_border { border-radius: 1000px;background:gray;width:36px;height:36px;display:flex;align-items:center;justify-content: center; }
.cname { display:table-cell; vertical-align:middle; overflow:hidden; }
.cname .username { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.chat_rank { padding:0 3px 0 0; font-size:11px; }
/* animations 
.large_modal_in,#private_box,.small_modal_in,.fancybox-wrap{animation:zoom .5s}
@keyframes zoom{from{transform:scale(0)} to{transform:scale(1)}}
*/