#chat {width: 100%; position: relative;}
#chat_menu {border:1px solid #e3e3e3; margin:-15px 0 15px; padding:15px 15px 30px;}
#chat_menu li.chat-item {float:right; color:#666666; margin-left:20px;}
#chat_menu li.chat-item.active {border-bottom: 2px solid #3F9FFF; padding-bottom:1px;}
#chat_menu a {color:#666666; font-weight:bold; font-size:14px; text-decoration:none;}

.head-description {font-size:13px; margin-bottom:15px; display:none;}
.head-description a {text-decoration:none;}
.head-description font:hover{color:#cd0021; text-decoration:underline;}
.head-description .desc_right {float:left;}
.chat_attention {text-align:right; padding:10px 10px 0; display:none;}
#chat_result {border:1px solid #e3e3e3; overflow: auto; margin-bottom:15px! important; padding:10px;}
#chat_settings {display: none;}
textarea#chat_message {overflow:hidden; resize:none;}
.ct_textbox {margin-bottom:15px! important; padding: 10px! important;}
.frame_edit_chat_msg {padding-top:5px;}
textarea.editing_msg {display:block; color:#6A6A6A; border:1px solid #d3dae1; overflow:hidden;}
.frame_edit_chat_msg .sp {display:inline-block; font-weight:bold; margin-left:10px; padding-top:8px; cursor:pointer;}
.frame_edit_chat_msg .sp:hover {color: #cd0021;}
.chat_msg_update {color:green; border-bottom:1px dashed green;}
.chat_msg_edit_cancel {color:#0088cc; border-bottom:1px dashed #0088cc;}
.chat_msg_length{color:#8a8a8a; float:left; margin-left:0px! important;}

.user-status{
 background :url(/uploads/images/icons/status.png);
 background-repeat: no-repeat;
 border:1px solid #d3dae1;
 border-radius:50%;
 display:inline-block;
 width: 16px;
 height: 16px;
 vertical-align:baseline;
 margin: 0px -13px -8px 0px;
 cursor:default;
}
.chat_message.my .user .user-status {float:right; margin: 44px 0 0 -13px;}
.chat_userlist .body_msg .header_msg .user-status {border:none; vertical-align:text-bottom; margin: 0 0 0 5px;}
.user-status-offline {background-position: 0px 0px;}
.user-status-online {background-position: -16px 0px;}
.user-status-banned {background-position: -32px 0px;}
.user-status-silent {background-position: -48px 0px;}
.user-status-not-disturb {background-position: -64px 0px;}

.msg_user_silent {
 background: url(/uploads/images/icons/chat_admin_actions.png) -96px 0px no-repeat;
 width: 18px;
 height: 16px;
 float: left;
 position: relative;
 top: 1px;
 left: 27px;
 cursor: pointer;
 opacity: 0.7;
}
.msg_user_silent:hover{
 background: url(/uploads/images/icons/chat_admin_actions.png) -114px 0px no-repeat;
 opacity: 1;
}
.msg_user_ban {
 background: url(/uploads/images/icons/chat_admin_actions.png) -64px 0px no-repeat;
 width: 16px;
 height: 16px;
 float: left;
 position: relative;
 top: 1px;
 left: 18px;
 cursor: pointer;
 opacity: 0.7;
}
.msg_user_ban:hover{
 background: url(/uploads/images/icons/chat_admin_actions.png) -80px 0px no-repeat;
 opacity: 1;
}
.msg_edit {
 background: url(/uploads/images/icons/chat_admin_actions.png) -32px 0px no-repeat;
 width: 16px;
 height: 16px;
 float: left;
 position: relative;
 top: 1px;
 left: 9px;
 opacity: 0.7;
}
.msg_edit:hover{
 background: url(/uploads/images/icons/chat_admin_actions.png) -48px 0px no-repeat;
 opacity: 1;
}
.msg_delete {
 background: url(/uploads/images/icons/chat_admin_actions.png) 0px 0px no-repeat;
 width: 16px;
 height: 16px;
 float: left;
 position: relative;
 top: 1px;
 cursor: pointer;
 opacity: 0.7;
}
.msg_delete:hover{
 background: url(/uploads/images/icons/chat_admin_actions.png) -16px 0px no-repeat;
 opacity: 1;
}
.empty_chat {text-align:center; padding:10px 0;}
.chat_errors { 
 background-color:#ffe7e5;
 border:1px solid #ff7264;
 border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 color:red;
 font-size: 13px;
 margin-bottom:15px! important;
 padding:0px 8px! important;
}
.loader {background: url(/uploads/images/icons/loader.gif) 50% 50% no-repeat; width:32px; height:32px; position:absolute; margin:0 50%; display:none;}
#chat_smilies {background-color:#fff; border:1px solid #d3dae1; width:99.7%; position:absolute; margin-top:20px; display:none;}
tbody td {padding:1px;}

#chat_buttons {margin-bottom:15px;}
#chat_buttons .l_button {margin-left:5px;}
#chat_buttons .r_button {float:left; margin-right:7px;}
.chat_bbc_buttons {display:inline-block; width:30px; height:30px; vertical-align: top; border:1px solid #ccc; border-radius: 3px; overflow: hidden; cursor: pointer; font-weight:bold;}
.chat_bbc_buttons:hover, .chat_bbc_buttons:focus {display:inline-block; vertical-align: bottom; border: 1px solid #84bce4; box-shadow:0 1px 2px rgba(0, 0, 0, .1);}
.chat_bbc_buttons.smile_button, .chat_bbc_buttons.smile_button:hover, .chat_bbc_buttons.smile_button:focus {background: url(/uploads/images/icons/smile.png) 50% 50% no-repeat;}
.chat_bbc_buttons.attach, .chat_bbc_buttons.attach:hover, .chat_bbc_buttons.attach:focus {background: url(/uploads/images/icons/attach.png) 50% 50% no-repeat;}
.chat_bbc_buttons.sound_notif.sound_on, .chat_bbc_buttons.sound_notif.sound_on:hover, .chat_bbc_buttons.sound_notif.sound_on:focus {background: url(/uploads/images/icons/sound_on.png) 50% 50% no-repeat;}
.chat_bbc_buttons.sound_notif.sound_off, .chat_bbc_buttons.sound_notif.sound_off:hover, .chat_bbc_buttons.sound_notif.sound_off:focus {background: url(/uploads/images/icons/sound_off.png) 50% 50% no-repeat;}
.chat_bbc_buttons.admin_func, .chat_bbc_buttons.admin_func:hover, .chat_bbc_buttons.admin_func:focus {background: url(/uploads/images/icons/admin.png) 50% 50% no-repeat;}
.chat_bbc_buttons.attach_block {background: url(/uploads/images/icons/attach.png) 62% 60% no-repeat; background-size:70%; width:29px; height:28px; vertical-align: top;}
.chat_bbc_buttons.attach_block:hover, .chat_bbc_buttons.attach_block:focus {background: url(/uploads/images/icons/attach.png) 62% 60% no-repeat; background-size:70%; vertical-align: top;}
input#chat_attach {width:28px; height:28px; opacity:0; cursor:unset;}
.chat_bbc_buttons.text_button {background-color:#fff;}

.status-box {
	position:relative;
    height: 40px;
	border: 1px solid rgb(227, 227, 227);
	background: rgb(254, 254, 254);
	color: rgb(102, 102, 102);
	font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
	float:left;
	margin-top: -39px;
	padding: 0 10px;
	cursor: pointer;
}

.col-safe-picker{height:28px; width: 30px; border:1px solid #ccc; border-radius: 3px; overflow: hidden; cursor: pointer;}
.col-safe-picker:hover{border: 1px solid #84bce4; box-shadow:0 1px 2px rgba(0, 0, 0, .1); opacity:0.7;}
.col-safe-item{float:left;width:40px;height:40px;border:solid 1px #FFF;margin:0px;cursor: pointer;}
.col-safe-item:hover{border:solid 1px #00FF00}
.col-safe-palette{width:210px;border:solid 2px #666}
.col-safe-closer{
 display: block;
 position: absolute;
 background-color:#000;
 left: -12px;
 top: -12px;
 width: 25px;
 height: 25px;
 text-align: center;
 font-size: 15px;
 line-height: 21px;
 color: white;
 text-decoration: none;
 border-radius: 15px;
 opacity:.8;
 filter:alpha(opacity=80);
}
.col-safe-closer:hover {color:#00FF00; text-decoration: none;}
.notify { position:absolute; left:20px; font-size:1.9em; font-weight:bold; color:#3F9FFF; z-index:1000;}

.contactme_button {font-size: 13px! important;}
.clear_chat {font-size: 13px; margin-right:10px; opacity:0.8; display:none;}
#chat_save_settings {width:20% !important; font-size: 13px; display:none;}

#chat_user_profile{
 position:absolute;
 display:none;
 z-index: 20000; 
 text-align: right;  
 font-family: Verdana, Helvetica, Arial, sans-serif;
 padding: 6px 10px;
 box-shadow: 0 0 7px #555;
}
#chat_user_profile, .c_arrow:after {background: #edf1f5; border: 2px solid #d3dae1;}
.c_arrow {
  width: 60px;
  height: 15px;
  overflow: hidden;
  position: absolute;
  top: -15px;
  left:33%;
}
.c_arrow:after {
  content: "";
  position: absolute;
  width: 25px;
  height: 57px;
  left: 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
}
#chat_user_profile .author-ident .useravatar img {border: 1px solid #d5d5d5; margin: .5em 0 .2em;}
.author-ident .p_username {color:#333; font-size: 1.2em; font-weight: bold; font-style: normal;}
.author-ident .p_username a {text-decoration: none;}
.author-ident .p_username a:hover {color: #cd0021! important;}
.author-ident .usertitle {color:#333; font-weight: bold;}
.author-ident .userstatus {padding: .75em 0 .25em 0; margin:0; line-height: .75em; width: 100%;}
.userstatus span {color:#333; font-size:.917em; display: block; border-right-style: solid; border-right-width: .7em; text-indent: .5em;}
.online .userstatus span {border-color: #3f9439; font-weight: bold;}
.offline .userstatus span, .not-disturb .userstatus span {border-color: #b0b6bc;}
.silent .userstatus span {border-color: #000;}
.banned .userstatus span {border-color: #ff3300;}

.chat_msg_length_counter{
 position: absolute; 
 left: 10px; 
 margin-top: -10px; 
 color: #999;
}

.chat_message {margin-bottom: 10px;}
.chat_userlist {padding: 10px 0 13px; border-bottom:1px solid #d3dae1;}
.chat_message .user {float: right;}
.chat_userlist .user {float: right; margin-top:-3px;}
.chat_message .user img, .chat_userlist .user img {
	border:1px solid #d3dae1;
    border-radius: 50%;
    max-width: 50px;
    max-height: 50px;
}
.chat_message .body_msg {
    position: relative;
    border-radius: 15px;
    box-sizing: border-box;
    margin-right: 70px;
    padding: 15px;
	width: fit-content;
	width: -o-fit-content;
	width: -moz-fit-content;
    width: -webkit-fit-content;
	width: -ms-fit-content;
    min-height: 50px;
	background: #B0E0E6;
/*  background: #edf1f5;*/
/*	background: #E5E5EA;*/
/*  white-space: pre-line;*/
}
.chat_message .body_msg:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 10px 0 10px 9px;
	border-color: transparent #B0E0E6;
/*  border-color: transparent #edf1f5;*/
/*	border-color: transparent #E5E5EA;*/
    display: block;
    width: 0;
    z-index: 1;
    right: -9px;
    top: 15px;
}
.chat_message.my .body_msg {
    margin-right: auto;
    margin-left: 70px;
    background: #93d46b;
/*	background: #70c536;*/
}
.chat_message.my .body_msg:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 10px 9px 10px 0;
	border-color: transparent #93d46b;
/*  border-color: transparent #70c536;*/
    display: block;
    width: 0;
    z-index: 1;
    right: auto;
    left: -9px;
    top: 15px;
}
.chat_message.my .user {float: left;}
.chat_message .body_msg.img {
    background-size: cover;
    width: 200px;
    height: 200px;
    cursor: pointer;
}
.chat_message .text_msg {color:#222;}
.chat_message.my .text_msg {color: #fff;}
.chat_message .text_msg img {border: none; box-shadow: none; margin: -10px 2px -1px;}
.chat_message .text_img {padding-top:5px;}
.chat_message .text_img img {border:1px solid #d3dae1;}

.chat_userlist:hover {background-color: #eef2f6; box-shadow: 0 0 0 1px #d3dae1;}
.chat_userlist .body_msg {
    position: relative;
    box-sizing: border-box;
    margin-right: 60px;
    padding: 1px 15px 0px;
	cursor:pointer;
}
.chat_userlist .body_msg .header_msg{border-bottom:1px dashed #d3dae1;}
.header_msg {padding-bottom: 7px; font-weight: bold;}
/*.header_msg .author:hover {color: #cd0021! important;}*/
.header_msg a.author {text-decoration:none;}
.header_msg a.author:hover {color: #cd0021! important; text-decoration:underline! important;}
.header_msg .author.sel_author {font-size:1.1em;}
.header_msg .date {color:#6a6a6a; float:left; padding-right:15px;}
.footer_msg {font-weight: bold; padding-top: 7px; margin-bottom: -3px;}
.footer_msg .moderate_block {float:left;}
.footer_msg .cur_date {color:#6a6a6a; float:left; padding-right:15px; font-weight:normal;}

#chat_menu .chat-notify {color: #fff;border-radius: 10px;position: relative;bottom: 5.3px;border: 1.9px solid;padding: 0 5px 0 4.7px; box-shadow:1px 2px rgba(84,125,218,0.34);}
.chat_userlist .chat-notify {margin:0 0 0 6px;color: #fff;border-radius: 11px;position: relative;bottom: 7px;border: 1.9px solid;padding: 3px 7px 2px 7.0px; box-shadow:1px 2px rgba(84,125,218,0.34); font-size: 1.1em;}
.note-chat-public {background-color: #77cc51;}
.note-chat-private {background-color: #F981EA;}