.chat-popup-content[data-v-12c4796c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:400px}.messages-container[data-v-12c4796c]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto}[dir] .messages-container[data-v-12c4796c]{margin-bottom:10px}.message[data-v-12c4796c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] .message[data-v-12c4796c]{margin:5px 0;padding:5px;border-radius:5px}[dir] .message.user[data-v-12c4796c]{background-color:#e0f7fa}[dir=ltr] .message.user[data-v-12c4796c]{text-align:right}[dir=rtl] .message.user[data-v-12c4796c]{text-align:left}[dir] .message.monitor[data-v-12c4796c]{background-color:#f1f8e9}[dir=ltr] .message.monitor[data-v-12c4796c]{text-align:left}[dir=rtl] .message.monitor[data-v-12c4796c]{text-align:right}.timestamp[data-v-12c4796c]{font-size:.8em;color:#888}[dir=ltr] .timestamp[data-v-12c4796c]{margin-right:10px}[dir=rtl] .timestamp[data-v-12c4796c]{margin-left:10px}.sender-name[data-v-12c4796c]{font-weight:700}[dir=ltr] .sender-name[data-v-12c4796c]{margin-right:10px}[dir=rtl] .sender-name[data-v-12c4796c]{margin-left:10px}.message-content[data-v-12c4796c]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[dir=ltr] .message-content[data-v-12c4796c]{margin-left:10px}[dir=rtl] .message-content[data-v-12c4796c]{margin-right:10px}textarea[data-v-12c4796c]{width:100%;height:50px;resize:none}[dir] textarea[data-v-12c4796c]{margin-bottom:10px}.send-button[data-v-12c4796c]{-ms-flex-item-align:end;align-self:flex-end}.no-messages[data-v-12c4796c]{color:#888}[dir] .no-messages[data-v-12c4796c]{text-align:center;margin-top:20px}.player{width:100%;height:100px}[dir] .player{padding:5px}.fliped-player{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}[dir] .fliped-player{transform:rotateY(180deg)}.expanded-player{width:100%;height:500px}[dir] .expanded-player{padding:5px}.player-border{max-height:100px}[dir] .player-border{border:1px solid #b8c2cc}[dir] .player-border-error{border:1px solid #ea5455}[dir] .player-border-success{border:1px solid #28c76f}.expanded-box-player{height:500px!important;max-height:500px!important}.collapsed-box-player{height:100px!important;max-height:100px!important}.placeholder-icon{font-size:25px;opacity:.5;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.placeholder-icon-error{color:#ea5455}.player-placeholder-class{height:98px;z-index:10}.player-placeholder-class-expanded{height:100%;z-index:10}.volume-enabled{font-size:15px!important;color:#28c76f}.volume-disabled{font-size:15px!important;color:#ea5455}.confirm-support{color:#28c76f}.deny-support{color:#ea5455}.chat-popup-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:400px}.messages-container{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto}[dir] .messages-container{margin-bottom:10px}.message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] .message{margin:5px 0;padding:5px;border-radius:5px}[dir] .message.user{background-color:#e0f7fa}[dir=ltr] .message.user{text-align:right}[dir=rtl] .message.user{text-align:left}[dir] .message.monitor{background-color:#f1f8e9}[dir=ltr] .message.monitor{text-align:left}[dir=rtl] .message.monitor{text-align:right}.message.unread{font-weight:700}.timestamp{font-size:.8em;color:#888}[dir=ltr] .timestamp{margin-right:10px}[dir=rtl] .timestamp{margin-left:10px}.sender-name{font-weight:700}[dir=ltr] .sender-name{margin-right:10px}[dir=rtl] .sender-name{margin-left:10px}.message-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[dir=ltr] .message-content{margin-left:10px}[dir=rtl] .message-content{margin-right:10px}textarea{width:100%;height:50px;resize:none}[dir] textarea{margin-bottom:10px}.send-button{-ms-flex-item-align:end;align-self:flex-end}.no-messages{color:#888}[dir] .no-messages{text-align:center;margin-top:20px}