#jsxc_roster{
	display:none;
}

div.page-quick-sidebar-chat-users .media-list.list-items span.badge.badge-success {
  color: #36c6d3;
}
#jsxc_windowList>ul>li.jsxc_min{
	width: 250px !important;
}

.jsxc_window {
  /*
   * @see .page-quick-sidebar-wrapper class in /metronics/assets/layouts/layout/css/layout.min.css
   */
 	background-color: #cadedf !important;
	border-radius: 5px 5px 0px 0px !important;
	-moz-border-radius: 5px 5px 0px 0px !important;
	-webkit-border-radius: 5px 5px 0px 0px !important; 	
}

.jsxc_window .ui-resizable-n {
	background: none !important;
  /*
   * @see .jsxc_window .ui-resizable-n in /images/js/jsxc/css/jsxc.css
   */
/*    background: linear-gradient(to bottom, #1a1a1a 0, rgba(40, 35, 35, 0) 100%); */
}

.jsxc_window .jsxc_emoticons {
	display:none;
  	background: #00c8d2;
}

.jsxc_bar {
	background-color: #cadedf !important;
	color: #2B3D54 !important;
	height: 45px;
	line-height: 41px;
	border-bottom: 2px solid white;
	border-radius: 5px 5px 0px 0px !important;
	-moz-border-radius: 5px 5px 0px 0px !important;
	-webkit-border-radius: 5px 5px 0px 0px !important;
}
#jsxc_windowList>ul>li.jsxc_min .jsxc_bar{
	border-bottom: none;
	height: 43px;
	line-height: 39px;
}
.jsxc_name{
	padding : 0px 10px;
}
.jsxc_name:hover{
	color: #2B3D54 !important;
}

.jsxc_window .jsxc_tools{
	
}
.jsxc_window .jsxc_tools>div{
	width: 30px;
	height: inherit;
}

.jsxc_textarea{
	margin-top: 8px;
}

.jsxc_window .jsxc_emoticons:after {
  opacity: 1;

  /*
   * size 30x30
   *
   * smiley image
   * https://github.com/jsxc/jsxc/blob/master/img/smiley.png
   *
   * convert to base64 string
   * https://www.base64-image.de/
   */
  background-image: url(../js/jsxc/img/emotions/grin.png);
}

.jsxc_window input.jsxc_textinput {
  text-align: initial;
  padding-right: 0;
}

.jsxc_in {
  background: white;
  border: none
}

.jsxc_in:after {
  border-color: transparent white;
}

.jsxc_out {
  background: #7dcbf7;
  border: none;
}

.jsxc_out:after {
  border-color: transparent #7dcbf7;
}
.jsxc_message{
	padding:5px 2px;
}
.jsxc_chatmessage{
	padding:5px 5px;
}

.jsxc_chatmessage_wrapper .jsxc_avatar{
	display:none ! important;
}

.jsxc_chatmessage .jsxc_avatar {
  	border-radius: 50% !important;
  	-webkit-border-radius: 50% !important;
}

.jsxc_chatmessage div.jsxc_message {
  font-size: 12px;
  color: #2B3D54;
  line-height: 14px;
  overflow: hidden;
  white-space: normal;
  max-width: 100%;
  text-overflow: ellipsis;
}

.jsxc_chatmessage div.jsxc_timestamp {
  color: #2B3D54;
  font-size: 10px;
}

.jsxc_chatmessage.jsxc_in .jsxc_avatar {
    display: inherit;
    top: -1px;
}

.jsxc_chatmessage .jsxc_timestamp {
  float: none;
}

/* ======================== */
/* Chat message wrapper */
/* ======================== */
.jsxc_chatmessage_wrapper {
	margin: 5px 0px;
    clear: both;
    display: block;
}
.jsxc_chatmessage_wrapper .jsxc_avatar {
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  background-size:     cover;
  background-repeat:   no-repeat;
  background-position: center center;
}
.jsxc_chatmessage_wrapper .jsxc_avatar.jsxc_in {
    margin-left: initial;
}
.jsxc_chatmessage_wrapper .jsxc_avatar.jsxc_out {
    float: right;
}
.jsxc_chatmessage_wrapper .jsxc_chatmessage {
    clear: initial;
}
.jsxc_chatmessage_wrapper .jsxc_chatmessage.jsxc_in {
    margin-left: 15px;
}
.jsxc_chatmessage_wrapper .jsxc_chatmessage.jsxc_out {
    margin-right: 15px;
    text-align: left;
}
.jsxc_chatmessage_wrapper .jsxc_chatmessage.jsxc_out.jsxc_received .jsxc_timestamp {
    margin-right: initial;
}

.jsxc_chatmessage_wrapper .jsxc_chatmessage.jsxc_in:after {
    bottom: initial;
    top: 5px;
}

.jsxc_chatmessage_wrapper .jsxc_chatmessage.jsxc_out:after {
    bottom: initial;
    top: 5px;
}