.showUnseenStats {
    /*
    background-color: #c80000;
    padding: 3 2 3 2;
    color: #fff;
    */
    /*
    background:blue;
    margin-left:-10px;margin-top:-20px;
    padding:2px;
    border-radius: 3px;
    font-size:12px;
    color: #d5e2ea;*/
    font-size:24px;
    color: Tomato;
    display: inline;
    cursor: hand;cursor:pointer;
}

.hideUnseenStats {
    /*display: none;*/
    color:#c9cbcc;
    font-size:24px;
    cursor: hand;cursor:pointer;
}

.openUnseenStats {
    /*display: none;*/
    color:#0383fb;
    font-size:24px;
    cursor: hand;cursor:pointer;
}

.newMessageCounter {
    z-index:1000;
    margin-left:-1px;
    margin-top:-21px;
    font-size:11px;
    color:#fff;
    font-weight: 500;
    font-family:courier;
    width:25px;
    text-align:center;
    display: block;
}

.customerList {
    /*width:280px;*/
    background-color: #fff;
    overflow-y: auto;
    /*height:100%;*/
    height: 500px;
    border:#7f7f7f 1px solid;
    padding: 0px;
    font-size: 12px;
    /*color:#414141;*/
}

.customerRecord {
    /*height:60px;*/
    border-bottom: #7f7f7f 1px solid;
    padding:10px;
}

.chatbox {

    z-index:10;
    /*position:absolute;*/
    position:absolute;
    border:#b4b4b4 1px solid;
    background-color: #F7F5F3;/*#F7F5F3;/**/
    width:400px;
    padding:20px;
    padding-top:0px;
    border-radius: 8px;
    overflow:hidden;

}

.truncate {
  overflow: hidden;         /* Hides overflowing content */
  white-space: nowrap;      /* Prevents text from wrapping to a new line */
  text-overflow: ellipsis;  /* Displays the ellipsis */
  display:inline-block;
  width:320px;
}