.showTipo[data-v-883d778a]{transition:all 1s ease;opacity:1;-webkit-transform:translateY(0)}[dir] .showTipo[data-v-883d778a]{-webkit-transition:all 1s ease;transform:translateY(0)}.hideTipo[data-v-883d778a]{opacity:0;position:relative;transition:all 1s ease;-webkit-transform:translateY(-30%)}[dir] .hideTipo[data-v-883d778a]{-webkit-transition:all 1s ease;transform:translateY(-30%)}.activeNoti[data-v-883d778a],.content-noti[data-v-883d778a],.vs-noti-bottom-right[data-v-883d778a],.vs-noti-primary[data-v-883d778a],.vs-notifications[data-v-883d778a]{max-width:50px!important}.contenedor[data-v-883d778a]{position:relative;display:inline-block}[dir] .contenedor[data-v-883d778a]{text-align:center}.texto-encima[data-v-883d778a]{position:absolute;top:2px;color:#fff;z-index:1000;font-weight:700;font-size:20px;width:30px;height:30px}[dir] .texto-encima[data-v-883d778a]{background-color:red;border-radius:50%;padding:1px}[dir=ltr] .texto-encima[data-v-883d778a]{right:-8px;text-shadow:1px 1px 2px #000}[dir=rtl] .texto-encima[data-v-883d778a]{left:-8px;text-shadow:-1px 1px 2px #000}[data-v-883d778a]{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}[dir] [data-v-883d778a]{margin:0;padding:0}body[data-v-883d778a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:100vh}[dir] body[data-v-883d778a]{background:linear-gradient(#009688,#009688 130px,#d9dbd5 0,#d9dbd5)}.container[data-v-883d778a]{position:relative;width:100%;max-width:100%;height:calc(100vh - 200px);-webkit-box-shadow:0 1px 1px rgba(0,0,0,.06),0 2px 5px 0 rgba(0,0,0,.06);display:-webkit-box;display:-ms-flexbox;display:flex}[dir] .container[data-v-883d778a]{background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.06),0 2px 5px 0 rgba(0,0,0,.06)}.container .leftSide[data-v-883d778a]{position:relative;-webkit-box-flex:30%;-ms-flex:30%;flex:30%}[dir] .container .leftSide[data-v-883d778a]{background:#fff}[dir=ltr] .container .leftSide[data-v-883d778a]{border-right:1px solid rgba(0,0,0,.2)}[dir=rtl] .container .leftSide[data-v-883d778a]{border-left:1px solid rgba(0,0,0,.2)}.container .rightSide[data-v-883d778a]{position:relative;-webkit-box-flex:70%;-ms-flex:70%;flex:70%}[dir] .container .rightSide[data-v-883d778a]{background:#e5ddd5}.container .rightSide[data-v-883d778a]:before{content:"";position:absolute;top:0;width:100%;height:100%;opacity:.06}[dir] .container .rightSide[data-v-883d778a]:before{background:url(../img/pattern.04fcacde.png)}[dir=ltr] .container .rightSide[data-v-883d778a]:before{left:0}[dir=rtl] .container .rightSide[data-v-883d778a]:before{right:0}.header[data-v-883d778a]{position:relative;width:100%;height:60px;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] .header[data-v-883d778a]{background:#ededed;padding:0 15px}.userimg[data-v-883d778a]{position:relative;width:40px;height:40px;overflow:hidden}[dir] .userimg[data-v-883d778a]{border-radius:50%;cursor:pointer}.cover[data-v-883d778a]{position:absolute;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}[dir=ltr] .cover[data-v-883d778a]{left:0}[dir=rtl] .cover[data-v-883d778a]{right:0}.nav_icons[data-v-883d778a],.nav_icons li[data-v-883d778a]{display:-webkit-box;display:-ms-flexbox;display:flex}.nav_icons li[data-v-883d778a]{list-style:none;color:#51585c;font-size:1.5em}[dir] .nav_icons li[data-v-883d778a]{cursor:pointer}[dir=ltr] .nav_icons li[data-v-883d778a]{margin-left:22px}[dir=rtl] .nav_icons li[data-v-883d778a]{margin-right:22px}.search_chat[data-v-883d778a]{position:relative;width:100%;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] .search_chat[data-v-883d778a]{background:#f6f6f6;padding:0 15px}.search_chat div[data-v-883d778a]{width:100%}.search_chat div input[data-v-883d778a]{width:100%;outline:none;height:38px;font-size:14px}[dir] .search_chat div input[data-v-883d778a]{border:none;background:#fff;padding:6px;border-radius:30px}[dir=ltr] .search_chat div input[data-v-883d778a]{padding-left:40px}[dir=rtl] .search_chat div input[data-v-883d778a]{padding-right:40px}.search_chat div input[data-v-883d778a]::-webkit-input-placeholder{color:#bbb}.search_chat div input[data-v-883d778a]::-moz-placeholder{color:#bbb}.search_chat div input[data-v-883d778a]:-ms-input-placeholder{color:#bbb}.search_chat div input[data-v-883d778a]::-ms-input-placeholder{color:#bbb}.search_chat div input[data-v-883d778a]::placeholder{color:#bbb}.search_chat div ion-icon[data-v-883d778a]{position:absolute;top:20px;font-size:1.2em}[dir=ltr] .search_chat div ion-icon[data-v-883d778a]{left:30px}[dir=rtl] .search_chat div ion-icon[data-v-883d778a]{right:30px}.chatlist[data-v-883d778a]{position:relative;height:calc(100% - 110px);overflow:auto}.chatlist .block[data-v-883d778a]{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] .chatlist .block[data-v-883d778a]{padding:15px;border-bottom:1px solid rgba(0,0,0,.06);cursor:pointer}[dir] .chatlist .block.active[data-v-883d778a]{background:#ebebeb}[dir] .chatlist .block[data-v-883d778a]:hover{background:#f5f5f5}.chatlist .block .imgBox[data-v-883d778a]{position:relative;min-width:45px;height:45px;overflow:hidden;width:50px}[dir] .chatlist .block .imgBox[data-v-883d778a]{border-radius:50%}[dir=ltr] .chatlist .block .imgBox[data-v-883d778a]{margin-right:10px}[dir=rtl] .chatlist .block .imgBox[data-v-883d778a]{margin-left:10px}.chatlist .block .details[data-v-883d778a]{position:relative;width:100%}.chatlist .block .details .listHead[data-v-883d778a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[dir] .chatlist .block .details .listHead[data-v-883d778a]{margin-bottom:5px}.chatlist .block .details .listHead h4[data-v-883d778a]{font-size:13px;font-weight:600;color:#111}.chatlist .block .details .listHead .time[data-v-883d778a]{font-size:.75em;color:#aaa;color:#111}.chatlist .block.unread .details .listHead .time[data-v-883d778a]{color:#06d755}.message_p[data-v-883d778a]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.message_p[data-v-883d778a],.message_p b[data-v-883d778a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.message_p b[data-v-883d778a]{color:#fff;min-width:20px;height:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:.75rem}[dir] .message_p b[data-v-883d778a]{background:#06d755;border-radius:50%}.message_p p[data-v-883d778a]{color:#aaa;display:-webkit-box;-webkit-line-clamp:1;font-size:.9em;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:11px}.imgText[data-v-883d778a]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.imgText h4[data-v-883d778a]{font-weight:500;line-height:1.2em;font-size:14px}[dir=ltr] .imgText h4[data-v-883d778a]{margin-left:15px}[dir=rtl] .imgText h4[data-v-883d778a]{margin-right:15px}.imgText h4 span[data-v-883d778a]{font-size:.8em;color:#555}.chatbox[data-v-883d778a]{position:relative;width:100%;height:calc(100% - 120px);overflow-y:auto}[dir] .chatbox[data-v-883d778a]{padding:50px}.message[data-v-883d778a]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100px!important}[dir] .message[data-v-883d778a]{margin:5px 0}.message p[data-v-883d778a]{position:relative;max-width:65%;font-size:.9em}[dir] .message p[data-v-883d778a]{padding:12px;background:#dcf8c8;border-radius:10px}[dir=ltr] .message p[data-v-883d778a]{right:0;text-align:right}[dir=rtl] .message p[data-v-883d778a]{left:0;text-align:left}.message p[data-v-883d778a]:before{content:"";position:absolute;top:0;width:20px;height:20px}[dir=ltr] .message p[data-v-883d778a]:before{right:-12px;background:linear-gradient(135deg,#dcf8c6,#dcf8c6 50%,transparent 0,transparent)}[dir=rtl] .message p[data-v-883d778a]:before{left:-12px;background:linear-gradient(-135deg,#dcf8c6,#dcf8c6 50%,transparent 0,transparent)}.message p span[data-v-883d778a]{display:block;font-size:.85em;opacity:.5}[dir] .message p span[data-v-883d778a]{margin-top:5px}.my_msg[data-v-883d778a]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.friend_msg[data-v-883d778a]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[dir] .friend_msg p[data-v-883d778a]{background:#fff}[dir=ltr] .friend_msg p[data-v-883d778a]{text-align:left}[dir=rtl] .friend_msg p[data-v-883d778a]{text-align:right}.message.friend_msg p[data-v-883d778a]:before{content:"";position:absolute;top:0;width:20px;height:20px}[dir=ltr] .message.friend_msg p[data-v-883d778a]:before{left:-12px;background:linear-gradient(225deg,#fff,#fff 50%,transparent 0,transparent)}[dir=rtl] .message.friend_msg p[data-v-883d778a]:before{right:-12px;background:linear-gradient(-225deg,#fff,#fff 50%,transparent 0,transparent)}.chat_input[data-v-883d778a]{position:relative;width:100%;height:60px;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] .chat_input[data-v-883d778a]{background:#f0f0f0;padding:15px}.chat_input ion-icon[data-v-883d778a]{font-size:1.8em;color:#51585c}[dir] .chat_input ion-icon[data-v-883d778a]{cursor:pointer}[dir=ltr] .chat_input ion-icon[data-v-883d778a]:first-child{margin-right:15px}[dir=rtl] .chat_input ion-icon[data-v-883d778a]:first-child{margin-left:15px}.chat_input input[data-v-883d778a]{position:relative;width:90%;outline:none;font-size:1em}[dir] .chat_input input[data-v-883d778a]{margin:0 20px;padding:10px 20px;border:none;border-radius:30px}