.room-title>.pth-close, .room-title>.pth-reduce {color : #666}
.pth-close:hover {
    background-color: red; 
    color : white;   
}
.pth-reduce  { 
    right:30px; 
    width:30px; 
    background-image: url(img/down.png);
}
.pth-reduced .pth-reduce {
    background-image: url(img/up.png);
}
.room-title {
    background-color: white;
    padding-left: 20px;
    position: relative;
    color:  rgb(77, 77, 77);
    line-height: 30px;
    border-radius: inherit;
    background-image: url(img/down.png);
    background-position: 5px;
    background-repeat: no-repeat;
    font-size: 10px;
}
.messages {
  border: 1px solid #e4e4e4;
  padding: 5px;
  flex-shrink: 1;
  overflow: auto;
  background-color: #e9e9e9;
  height:303px;
}
.pth-reduced>.messages {
    display : none;
}
.message-form {
  display: flex;
  flex-shrink: 0;
}
.pth-reduced>.message-form {
    display : none;
}
.message-input {
    resize: none; 
    flex-grow: 1;
    border: 1px solid #dfdfdf;
    margin: 0;
}

.room-panel {
    display : inline-block; 
    vertical-align: bottom;
    width : 380px; 
    height: 380px;
    box-shadow : 0px 0px 12px 2px #a1a1a1;
    border-top-left-radius : 8px;
    border-top-right-radius : 8px;
    transition: height 0.4s;
    overflow: hidden;
}
.room-panel.pth-reduced {
    height: 30px;
}
.userChatRoom {
    padding: 2px 10px;
    cursor : pointer;
    border-left:solid 20px;
    margin : 2px;
}
.userChatRoom:hover {
    color:white;
    background-color: rgb(64, 64, 128);
}

.members-list {
    font-size:13px;
}
.chat-tag {
    display: inline-block;
    position: absolute;
    width: 30px; height: 20px; top: 6px; right: 40px;
    border-radius: 6px;
    color: white;
    line-height: 20px;
    text-align: center;
    font-size: 10px;        
}
p.chat-msg-intern, p.chat-msg-extern {
    padding: 10px 5px 10px 5px;
    background-color: white;
    border-radius: 6px;
    border-left: solid 15px white;
    font-size: 16px;
    display: flex; 
    align-items: center; 

}
p.chat-msg-extern {
    margin-left: 40px;
}

.chatSource {
    display: inline-block;
    margin-right: 5px;
    font-size: 10px;
    color: gray;
    width:70px;
}
.chatMessage {
    flex:1;
}

.message-unread .chat-tag {
    background-color: rgb(218, 87, 0);
}

#chatRoomList {
    position : absolute;
    width:200px;
    height: 200px;
    right: 10px;
    bottom : 40px;
    box-shadow : -2px -2px 17px -5px #ababab;
    border : solid 1px #666;
    border-radius : 8px;
    background-color: aliceblue;
}

#mainChatPanel {
    position:absolute; 
    bottom : 0; 
    right : 0;
    padding-right:50px;
}
#cmdNewChat {
    position:absolute;
    width: 30px; height: 30px; 
    bottom : 0; 
    right : 16px;
    background-image : URL(../css/img/chatconnect.png);
    background-image: URL(../css/img/chatconnect.png);
    border: none;
    background-color: transparent;
}