/* TODO: add Documentation (pni) */
/* TODO: Add entry in Styleguide (pni) */
body#popup { margin: 0; padding: 0; }

.chat-item { margin: 0; padding: 10px 15px 10px 35px; position: relative; background-color: #fff; border-bottom: 1px solid #7a8394; }
.chat-item[data-icon]::before { left: 13px; position: absolute; top: 13px; font-size: 1em; }

.chat-item-selectable { cursor: pointer; }
.chat-item-selectable:hover { background-color: #75b03c; }

/*
.chat-parts { position: fixed; top: 0; left: 0; right: 0; height: 40px; padding: 10px; background: #eeeeee; border-bottom: 1px solid #cccccc; overflow: hidden;
}

.chat-parts-btns { position: absolute; z-index: 10; top: 0; right: 0; height: 40px; padding: 10px; background: #eeeeee;
}

span.chat-icon-user { font-size: 10px; color: #9BCD00;
}
*/
.chat-board { position: fixed; top: 8px; left: 2px; right: 2px; bottom: 72px; overflow-x: hidden; overflow-y: scroll; }

.chat-msg { display: inline-block; width: 80%; padding: 10px; margin: 0px 20px 8px; position: relative; }

.chat-msg div { overflow-x: hidden; }

.chat-msg small { color: #777; }

/* message */
.chat-msg-0, .chat-msg-2, .chat-msg-6 { background-color: #84bc34; }

/* system message */
.chat-msg-1, .chat-msg-5 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; margin: 0 0 8px; padding: 1px 10px; width: 100%; color: #7a8394; text-align: center; font-size: 90%; }

/* time */
/* is typing */
.chat-msg-4 { padding-left: 0; color: #7a8394; font-size: 90%; font-style: italic; }

/* own message */
.chat-msg-3 { float: right; background-color: #21314d; color: #fff; }

.chat-msg-6 a { color: #21314d; text-decoration: underline; }

/* error message */
.chat-msg-9 { margin: 10px 20px; overflow-x: hidden; padding: 5px; border: 1px solid #ff674b; background: #ffebe1; color: #df002e; text-align: left; }

.chat-msg-0::before, .chat-msg-2::before, .chat-msg-6::before { width: 0px; height: 0px; border-style: solid; border-width: 0px 10px 10px 0px; border-color: transparent #84bc34 transparent transparent; position: absolute; top: 0px; left: -10px; content: ""; }

.chat-msg-3:after { width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0px 0px; border-color: #21314d transparent transparent transparent; position: absolute; top: 0px; right: -10px; content: ""; /* line-height: 0px; */ }

.chat-txa-holder { position: fixed; bottom: 0; left: 0; right: 120px; height: 69px; overflow: hidden; background: #fff; padding: 2px; border-top: 2px solid #7a8394; }

.chat-txa { margin: 0; border: 0; background: 0; -webkit-box-shadow: none; box-shadow: none; overflow: auto; padding: 0 5px; background: #fff; max-width: none; line-height: 20px; width: 100%; height: 64px; }

.chat-btn { position: fixed; bottom: 0; right: 0; height: 69px; width: 120px; margin: 0; -webkit-box-shadow: none; box-shadow: none; border: none !important; border-top: 2px solid #7a8394 !important; outline: none !important; }

.chat-nickname { border-bottom: 1px solid #21314d; padding: 5px; }
.chat-nickname input { margin: 0; }

.ios .chatapp input[type="text"], .ios .chatapp textarea { font-size: 16px; }

/*# sourceMappingURL=chatclient.css.map */