div.phones-audio-player {
    display: flex;
    align-items: center;
}

div.phones-audio-player audio {
    display: none;
}

div.phones-audio-player button.btn {
    flex: 0 0 auto;
    padding: 4px;
    margin: 0 2px;
}

div.phones-audio-player div.lcd {
    flex: 1 1 auto;
    margin-left: 1rem;
    background: #bdbdbd;
    padding: .25rem .5rem;
    border: 1px solid #999999;
    border-radius: 4px;
    min-width: 7rem;
}

ul.phones-audio-recording-list {
    font: inherit;
}

ul.phones-audio-recording-list .was-list-item {
    align-items: flex-end;
}

ul.phones-audio-recording-list .was-list-item-additionalcontent {
    text-align: right;
}

ul.phones-audio-recording-list .was-list-item-part .data-row {
    margin-top: .65rem;
}

ul.phones-audio-recording-list .was-list-item-part .data-row > strong, ul.phones-audio-recording-list .was-list-item-part .data-row > span:not(.badge) {
    margin-right: 1rem;
}

ul.phones-audio-recording-list .was-list-item-part > .data-row {
    margin-top: inherit;
}

ul.phones-audio-recording-list .badge {
    line-height: inherit;
    padding: 0 8px;
}

ul.phones-audio-recording-list .badge.info {
    background-color: #2196f3;
}

ul.phones-audio-recording-list .badge.error {
    background-color: #c43b31;
}

.chat-message-area {
    position: relative;
    max-height: 600px;
    overflow-y: scroll;
    margin: -10px -10px 0 -10px;
    min-height: 3em;
}

.chat-message-area ul {
    list-style-type: none;
    background: #fff;
}

.chat-message-area li.chat-from-here {
    text-align: right;
    margin-left: auto;
    margin-right: 0px;
    display: block;
    width: auto;
}

.chat-message-area li.unread-message {
    font-weight: bold;
}

.chat-message-area li.unsaved-message {
    font-style: italic;
}

.chat-message-area .chat-sender {
    color: #666;
    font-size: 0.8em;
    margin-left: 1em;
}

.chat-from-here .chat-message-area .chat-sender {
    color: #666;
}

.chat-message-area .chat-timestamp {
    color: #666;
}

.chat-from-here .chat-message-area .chat-timestamp {
    color: #777;
    margin-right: 1em;
}

.chat-message-area .chat-baloon {
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    background-color: #f1f1f1;
    color: #374047;
    font-size: 12pt;
    margin: 0 0.5em 1.5em 0.5em;
    margin-right: 33%;
    padding: .4em 1em;
    font-weight: normal;
}

.chat-message-area .chat-from-here .chat-baloon {
    background-color: #587284;
    text-align: right;
    color: #fff;
    margin-right: 0.5em;
    margin-left: 33%;
}

.chat-message-area .chat-file-message {
    font-size: 8pt;
    margin-top: 10px;
    margin-bottom: 10px;
}

.chat-message-area .chat-file-message .chat-file-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat-message-area .chat-file-message .chat-file-status {
    font-size: 10pt;
}

.chat-message-area .chat-file-message .chat-file-status .danger {
    color: #c00;
}

.chat-message-area .chat-file-message .chat-file-status .success {
    color: #080;
}

.chat-input-area {
    margin: 0 -10px -10px -10px;
    background-color: #ccc;
    padding: 0.5em;
}

.chat-input-area input {
    background: #fff;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    height: 1.5em;
    border: none;
    padding-left: .5em;
    padding-right: .5em;
    width: 280px;
}

.chat-input-area button {
    background: #444;
    color: #fff;
}

/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiQ2xpZW50L1Bob25lcy9Bc3NldHMvc3R5bGVzLmNzcyIsCgkic291cmNlUm9vdCI6ICIuLi8uLi8uLi8iLAoJInNvdXJjZXMiOiBbCgkJIkNsaWVudC9QaG9uZXMvQXNzZXRzL3N0eWxlcy5zY3NzIiwKCQkiQ2xpZW50L1Bob25lcy9Bc3NldHMvX2F1ZGlvUGxheWVyLnNjc3MiCgldLAoJIm5hbWVzIjogW10sCgkibWFwcGluZ3MiOiAiQUNBQSxBQUFBLEdBQUcsQUFBQSxvQkFBb0IsQ0FBQztJQUNwQixPQUFPLEVBQUUsSUFBSTtJQUNiLFdBQVcsRUFBRSxNQUFNO0NBcUJ0Qjs7QUF2QkQsQUFJSSxHQUpELEFBQUEsb0JBQW9CLENBSW5CLEtBQUssQ0FBQztJQUNGLE9BQU8sRUFBRSxJQUFJO0NBQ2hCOztBQU5MLEFBUUksR0FSRCxBQUFBLG9CQUFvQixDQVFuQixNQUFNLEFBQUEsSUFBSSxDQUFDO0lBQ1AsSUFBSSxFQUFFLFFBQVE7SUFDZCxPQUFPLEVBQUUsR0FBRztJQUNaLE1BQU0sRUFBRSxLQUFLO0NBQ2hCOztBQVpMLEFBY0ksR0FkRCxBQUFBLG9CQUFvQixDQWNuQixHQUFHLEFBQUEsSUFBSSxDQUFDO0lBQ0osSUFBSSxFQUFFLFFBQVE7SUFDZCxXQUFXLEVBQUUsSUFBSTtJQUNqQixVQUFVLEVBQUUsT0FBTztJQUNuQixPQUFPLEVBQUUsWUFBWTtJQUNyQixNQUFNLEVBQUUsaUJBQWlCO0lBQ3pCLGFBQWEsRUFBRSxHQUFHO0lBQ2xCLFNBQVMsRUFBRSxJQUFJO0NBQ2xCOztBQUdMLEFBQUEsRUFBRSxBQUFBLDRCQUE0QixDQUFDO0lBQzNCLElBQUksRUFBRSxPQUFPO0NBa0NoQjs7QUFuQ0QsQUFHSSxFQUhGLEFBQUEsNEJBQTRCLENBRzFCLGNBQWMsQ0FBQztJQUNYLFdBQVcsRUFBRSxRQUFRO0NBQ3hCOztBQUxMLEFBT0ksRUFQRixBQUFBLDRCQUE0QixDQU8xQixnQ0FBZ0MsQ0FBQztJQUM3QixVQUFVLEVBQUUsS0FBSztDQUNwQjs7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 */