.input-text{margin-bottom:15px;padding-left:17px;background:#f5f5f5;border:1px solid hsla(0,0%,71.8%,.3);box-sizing:border-box;border-radius:24px;width:90%;height:48px;padding-right:53px}.replies{float:left}.sent{float:right}.li-img{height:168px!important;width:100px!important;border-radius:10px 10px 10px 10px!important}.arrow-back-margin{margin-top:17px!important}.absolute{position:absolute;margin-top:-40px;margin-left:6px}.absolute,.not-absolute{width:50px;height:50px}ion-badge{border-radius:15px;position:absolute;margin-left:5px;width:24px;height:24px;padding-top:4.5px}.active-tabs{color:#2280ed}.active-tabs,.tabs{font-family:Segoe UI;font-style:normal;font-weight:600;font-size:16px;line-height:22px}.tabs{text-align:center;color:#6d6d6d}.active-div{display:block}.no-active-div{display:none}.selected-message[data-v-18a8ee4c]{background:#a6c0e7!important}.margin-time[data-v-18a8ee4c]{margin-top:0!important}.replies-margin[data-v-18a8ee4c]{margin-top:70px}.time-left[data-v-18a8ee4c]{margin-left:10px}.time-left[data-v-18a8ee4c],.time-right[data-v-18a8ee4c]{font-family:Segoe UI;font-style:normal;font-weight:400;font-size:13px;line-height:17px;color:#000}.time-right[data-v-18a8ee4c]{float:right;margin-right:5px;margin-top:-20px}body[data-v-18a8ee4c]{display:flex;align-items:center;justify-content:center;min-height:100vh;font-family:Segoe UI;font-size:1em;letter-spacing:.1px;color:#32465a;text-rendering:optimizeLegibility;text-shadow:1px 1px 1px rgba(0,0,0,.004);-webkit-font-smoothing:antialiased}#app[data-v-18a8ee4c]{width:95%;min-width:360px;max-width:1000px;height:92vh;min-height:300px;max-height:720px;background:#e2e2e2}@media screen and (max-width:360px){#app[data-v-18a8ee4c]{width:100%;height:100vh}}#app #sidepanel[data-v-18a8ee4c]{float:left;min-width:280px;max-width:340px;width:40%;height:100%;background:#2c3e50;color:#f5f5f5;overflow:hidden;position:relative}@media screen and (max-width:735px){#app #sidepanel[data-v-18a8ee4c]{width:58px;min-width:58px}}#app #sidepanel #profile[data-v-18a8ee4c]{width:80%;margin:25px auto}@media screen and (max-width:735px){#app #sidepanel #profile[data-v-18a8ee4c]{width:100%;margin:0 auto;padding:5px 0 0 0;background:#32465a}}#app #sidepanel #profile.expanded .wrap[data-v-18a8ee4c]{height:210px;line-height:normal}#app #sidepanel #profile.expanded .wrap p[data-v-18a8ee4c]{margin-top:20px}#app #sidepanel #profile.expanded .wrap i.expand-button[data-v-18a8ee4c]{transform:scaleY(-1);filter:FlipH;-ms-filter:"FlipH"}#app #sidepanel #profile .wrap[data-v-18a8ee4c]{height:60px;line-height:60px;overflow:hidden;transition:height .3s ease}@media screen and (max-width:735px){#app #sidepanel #profile .wrap[data-v-18a8ee4c]{height:55px}}#app #sidepanel #profile .wrap img[data-v-18a8ee4c]{width:50px;border-radius:50%;padding:3px;border:2px solid #e74c3c;height:auto;float:left;cursor:pointer;transition:border .3s ease}@media screen and (max-width:735px){#app #sidepanel #profile .wrap img[data-v-18a8ee4c]{width:40px;margin-left:4px}}#app #sidepanel #profile .wrap img.online[data-v-18a8ee4c]{border:2px solid #2ecc71}#app #sidepanel #profile .wrap img.away[data-v-18a8ee4c]{border:2px solid #f1c40f}#app #sidepanel #profile .wrap img.busy[data-v-18a8ee4c]{border:2px solid #e74c3c}#app #sidepanel #profile .wrap img.offline[data-v-18a8ee4c]{border:2px solid #95a5a6}#app #sidepanel #profile .wrap p[data-v-18a8ee4c]{float:left;margin-left:15px}@media screen and (max-width:735px){#app #sidepanel #profile .wrap p[data-v-18a8ee4c]{display:none}}#app #sidepanel #profile .wrap i.expand-button[data-v-18a8ee4c]{float:right;margin-top:23px;font-size:.8em;cursor:pointer;color:#32bab0}@media screen and (max-width:735px){#app #sidepanel #profile .wrap i.expand-button[data-v-18a8ee4c]{display:none}}#app #sidepanel #profile .wrap #status-options[data-v-18a8ee4c]{position:absolute;opacity:0;visibility:hidden;width:150px;margin:70px 0 0 0;border-radius:6px;z-index:99;line-height:normal;background:#32bab0;transition:all .3s ease}@media screen and (max-width:735px){#app #sidepanel #profile .wrap #status-options[data-v-18a8ee4c]{width:58px;margin-top:57px}}#app #sidepanel #profile .wrap #status-options.active[data-v-18a8ee4c]{opacity:1;visibility:visible;margin:75px 0 0 0}@media screen and (max-width:735px){#app #sidepanel #profile .wrap #status-options.active[data-v-18a8ee4c]{margin-top:62px}}#app #sidepanel #profile .wrap #status-options[data-v-18a8ee4c]:before{content:"";position:absolute;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid #32bab0;margin:-8px 0 0 24px}@media screen and (max-width:735px){#app #sidepanel #profile .wrap #status-options[data-v-18a8ee4c]:before{margin-left:23px}}#app #sidepanel #profile .wrap #status-options ul[data-v-18a8ee4c]{overflow:hidden;border-radius:6px}#app #sidepanel #profile .wrap #status-options ul li[data-v-18a8ee4c]{padding:15px 0 30px 18px;display:block;cursor:pointer}@media screen and (max-width:735px){#app #sidepanel #profile .wrap #status-options ul li[data-v-18a8ee4c]{padding:15px 0 35px 22px}}#app #sidepanel #profile .wrap #status-options ul li[data-v-18a8ee4c]:hover{background:#496886}#app #sidepanel #profile .wrap #status-options ul li span.status-circle[data-v-18a8ee4c]{position:absolute;width:10px;height:10px;border-radius:50%;margin:5px 0 0 0}@media screen and (max-width:735px){#app #sidepanel #profile .wrap #status-options ul li span.status-circle[data-v-18a8ee4c]{width:14px;height:14px}}#app #sidepanel #profile .wrap #status-options ul li span.status-circle[data-v-18a8ee4c]:before{content:"";position:absolute;width:14px;height:14px;margin:-3px 0 0 -3px;background:transparent;border-radius:50%;z-index:0}@media screen and (max-width:735px){#app #sidepanel #profile .wrap #status-options ul li span.status-circle[data-v-18a8ee4c]:before{height:18px;width:18px}}#app #sidepanel #profile .wrap #status-options ul li p[data-v-18a8ee4c]{padding-left:12px}@media screen and (max-width:735px){#app #sidepanel #profile .wrap #status-options ul li p[data-v-18a8ee4c]{display:none}}#app #sidepanel #profile .wrap #status-options ul li#status-online span.status-circle[data-v-18a8ee4c]{background:#2ecc71}#app #sidepanel #profile .wrap #status-options ul li#status-online.active span.status-circle[data-v-18a8ee4c]:before{border:1px solid #2ecc71}#app #sidepanel #profile .wrap #status-options ul li#status-away span.status-circle[data-v-18a8ee4c]{background:#f1c40f}#app #sidepanel #profile .wrap #status-options ul li#status-away.active span.status-circle[data-v-18a8ee4c]:before{border:1px solid #f1c40f}#app #sidepanel #profile .wrap #status-options ul li#status-busy span.status-circle[data-v-18a8ee4c]{background:#e74c3c}#app #sidepanel #profile .wrap #status-options ul li#status-busy.active span.status-circle[data-v-18a8ee4c]:before{border:1px solid #e74c3c}#app #sidepanel #profile .wrap #status-options ul li#status-offline span.status-circle[data-v-18a8ee4c]{background:#95a5a6}#app #sidepanel #profile .wrap #status-options ul li#status-offline.active span.status-circle[data-v-18a8ee4c]:before{border:1px solid #95a5a6}#app #sidepanel #profile .wrap #expanded[data-v-18a8ee4c]{padding:100px 0 0 0;display:block;line-height:normal!important}#app #sidepanel #profile .wrap #expanded label[data-v-18a8ee4c]{float:left;clear:both;margin:0 8px 5px 0;padding:5px 0}#app #sidepanel #profile .wrap #expanded input[data-v-18a8ee4c]{border:none;margin-bottom:6px;background:#32465a;border-radius:3px;color:#f5f5f5;padding:7px;width:calc(100% - 43px)}#app #sidepanel #profile .wrap #expanded input[data-v-18a8ee4c]:focus{outline:none;background:#32bab0}#app #sidepanel #search[data-v-18a8ee4c]{border-top:1px solid #32465a;border-bottom:1px solid #32465a;font-weight:300}@media screen and (max-width:735px){#app #sidepanel #search[data-v-18a8ee4c]{display:none}}#app #sidepanel #search label[data-v-18a8ee4c]{position:absolute;margin:10px 0 0 20px}#app #sidepanel #search input[data-v-18a8ee4c]{font-family:proxima-nova,Source Sans Pro,sans-serif;padding:10px 0 10px 46px;width:calc(100% - 25px);border:none;background:#32465a;color:#f5f5f5}#app #sidepanel #search input[data-v-18a8ee4c]:focus{outline:none;background:#32bab0}#app #sidepanel #search input[data-v-18a8ee4c]::-webkit-input-placeholder{color:#f5f5f5}#app #sidepanel #search input[data-v-18a8ee4c]::-moz-placeholder{color:#f5f5f5}#app #sidepanel #search input[data-v-18a8ee4c]:-ms-input-placeholder{color:#f5f5f5}#app #sidepanel #search input[data-v-18a8ee4c]:-moz-placeholder{color:#f5f5f5}#app #sidepanel #contacts[data-v-18a8ee4c]{height:calc(100% - 177px);overflow-y:auto;overflow-x:hidden}@media screen and (max-width:735px){#app #sidepanel #contacts[data-v-18a8ee4c]{height:calc(100% - 149px);overflow-y:auto;overflow-x:hidden}#app #sidepanel #contacts[data-v-18a8ee4c]::-webkit-scrollbar{display:none}}#app #sidepanel #contacts.expanded[data-v-18a8ee4c]{height:calc(100% - 334px)}#app #sidepanel #contacts[data-v-18a8ee4c]::-webkit-scrollbar{width:8px;background:#2c3e50}#app #sidepanel #contacts[data-v-18a8ee4c]::-webkit-scrollbar-thumb{background-color:#243140}#app #sidepanel #contacts ul li.contact[data-v-18a8ee4c]{position:relative;padding:10px 0 15px 0;font-size:.9em;cursor:pointer}@media screen and (max-width:735px){#app #sidepanel #contacts ul li.contact[data-v-18a8ee4c]{padding:6px 0 46px 8px}}#app #sidepanel #contacts ul li.contact[data-v-18a8ee4c]:hover{background:#32465a}#app #sidepanel #contacts ul li.contact.active[data-v-18a8ee4c]{background:#32465a;border-right:5px solid #32bab0}#app #sidepanel #contacts ul li.contact.active span.contact-status[data-v-18a8ee4c]{border:2px solid #32465a!important}#app #sidepanel #contacts ul li.contact .wrap[data-v-18a8ee4c]{width:88%;margin:0 auto;position:relative}@media screen and (max-width:735px){#app #sidepanel #contacts ul li.contact .wrap[data-v-18a8ee4c]{width:100%}}#app #sidepanel #contacts ul li.contact .wrap span[data-v-18a8ee4c]{position:absolute;left:0;margin:-2px 0 0 -2px;width:10px;height:10px;border-radius:50%;border:2px solid #2c3e50;background:#95a5a6}#app #sidepanel #contacts ul li.contact .wrap span.online[data-v-18a8ee4c]{background:#2ecc71}#app #sidepanel #contacts ul li.contact .wrap span.away[data-v-18a8ee4c]{background:#f1c40f}#app #sidepanel #contacts ul li.contact .wrap span.busy[data-v-18a8ee4c]{background:#e74c3c}#app #sidepanel #contacts ul li.contact .wrap img[data-v-18a8ee4c]{width:40px;border-radius:50%;float:left;margin-right:10px}@media screen and (max-width:735px){#app #sidepanel #contacts ul li.contact .wrap img[data-v-18a8ee4c]{margin-right:0}}#app #sidepanel #contacts ul li.contact .wrap .meta[data-v-18a8ee4c]{padding:5px 0 0 0}@media screen and (max-width:735px){#app #sidepanel #contacts ul li.contact .wrap .meta[data-v-18a8ee4c]{display:none}}#app #sidepanel #contacts ul li.contact .wrap .meta .name[data-v-18a8ee4c]{font-weight:600}#app #sidepanel #contacts ul li.contact .wrap .meta .preview[data-v-18a8ee4c]{margin:5px 0 0 0;padding:0 0 1px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all 1s ease}#app #sidepanel #contacts ul li.contact .wrap .meta .preview span[data-v-18a8ee4c]{position:static;border-radius:initial;background:none;border:none;padding:0 2px 0 0;margin:0 0 0 1px;opacity:.5}#app #sidepanel #bottom-bar[data-v-18a8ee4c]{position:absolute;width:100%;bottom:0}#app #sidepanel #bottom-bar button[data-v-18a8ee4c]{float:left;border:none;width:50%;padding:10px 0;background:#32465a;color:#f5f5f5;cursor:pointer;font-size:.85em;font-family:proxima-nova,Source Sans Pro,sans-serif}@media screen and (max-width:735px){#app #sidepanel #bottom-bar button[data-v-18a8ee4c]{float:none;width:100%;padding:15px 0}}#app #sidepanel #bottom-bar button[data-v-18a8ee4c]:focus{outline:none}#app #sidepanel #bottom-bar button[data-v-18a8ee4c]:first-child{border-right:1px solid #2c3e50}@media screen and (max-width:735px){#app #sidepanel #bottom-bar button[data-v-18a8ee4c]:first-child{border-right:none;border-bottom:1px solid #2c3e50}}#app #sidepanel #bottom-bar button[data-v-18a8ee4c]:hover{background:#32bab0}#app #sidepanel #bottom-bar button i[data-v-18a8ee4c]{margin-right:3px;font-size:1em}@media screen and (max-width:735px){#app #sidepanel #bottom-bar button i[data-v-18a8ee4c]{font-size:1.3em}}@media screen and (max-width:735px){#app #sidepanel #bottom-bar button span[data-v-18a8ee4c]{display:none}}#app .content[data-v-18a8ee4c]{float:right;width:60%;height:100%;overflow:hidden;position:relative}@media screen and (max-width:735px){#app .content[data-v-18a8ee4c]{width:calc(100% - 58px);min-width:300px!important}}@media screen and (min-width:900px){#app .content[data-v-18a8ee4c]{width:calc(100% - 340px)}}#app .content .contact-profile[data-v-18a8ee4c]{width:100%;height:60px;line-height:60px;background:#f5f5f5}#app .content .contact-profile img[data-v-18a8ee4c]{width:40px;border-radius:50%;float:left;margin:9px 12px 0 9px}#app .content .contact-profile p[data-v-18a8ee4c]{float:left}#app .content .contact-profile .social-media[data-v-18a8ee4c]{float:right}#app .content .contact-profile .social-media i[data-v-18a8ee4c]{margin-left:14px;cursor:pointer}#app .content .contact-profile .social-media i[data-v-18a8ee4c]:last-child{margin-right:20px}#app .content .contact-profile .social-media i[data-v-18a8ee4c]:hover{color:#32bab0}#app .content .messages[data-v-18a8ee4c]{height:auto;min-height:90%;max-height:calc(100% - 93px);overflow-y:auto;overflow-x:hidden}@media screen and (max-width:735px){#app .content .messages[data-v-18a8ee4c]{max-height:calc(100% - 105px)}}#app .content .messages[data-v-18a8ee4c]::-webkit-scrollbar{width:8px;background:transparent}#app .content .messages[data-v-18a8ee4c]::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:5px}#app .content .messages ul li[data-v-18a8ee4c]{display:inline-block;clear:both;margin:15px 15px 12px -20px;font-size:.9em;background:#cfd1d4;width:auto;max-width:600px;padding:5px;border-radius:6px 6px 6px 0}#app .content .messages ul li.sent img[data-v-18a8ee4c]{margin:6px 8px 0 0}#app .content .messages ul li.sent p[data-v-18a8ee4c]{background:#fff;color:#f5f5f5;margin-left:-5px;width:auto;height:auto;text-align:revert;color:#000;border-radius:10px 10px 10px 0;margin-bottom:-10px;margin-top:-2px;padding-top:6px}#app .content .messages ul li.replies img[data-v-18a8ee4c]{float:right;margin:0 0 0 8px}#app .content .messages ul li.replies p[data-v-18a8ee4c]{background:#e9ebeb;float:right;width:auto;height:auto;text-align:revert;color:#000;border-radius:10px 10px 0 10px;margin-top:-25px;padding-top:6px;margin-right:-5px}#app .content .messages ul li img[data-v-18a8ee4c]{width:30px;height:30px;width:22px;border-radius:50%;float:left}#app .content .messages ul li p[data-v-18a8ee4c]{display:inline-block;padding:10px 15px;border-radius:20px;max-width:269px;line-height:130%}@media screen and (min-width:1000px){#app .content .messages ul li p[data-v-18a8ee4c]{max-width:300px}}.message-input[data-v-18a8ee4c]{position:absolute;bottom:50px;width:100%;z-index:99;margin-left:3%;flex-direction:row}.ios-message-input[data-v-18a8ee4c]{position:absolute;bottom:34px!important;width:100%;z-index:99;margin-left:3%}.message-input .wrap[data-v-18a8ee4c]{position:relative}.message-input .wrap input[data-v-18a8ee4c]{font-family:Montserrat;float:left;border:none;width:calc(100% - 90px);padding:11px 32px 10px 8px;font-size:.8em;color:#000;padding-left:6%;background:#e9ebeb;border-radius:30px;width:284px;height:53px;margin-left:12px}@media screen and (max-width:1000px){.message-input .wrap input[data-v-18a8ee4c]{margin-top:3%;padding-left:6%;margin-left:2px;background:#e9ebeb;border-radius:30px;margin-top:1%;padding-left:5%;width:78%}.message-input[data-v-18a8ee4c]{position:absolute;bottom:5px;width:100%;z-index:99}}@media screen and (min-width:1000px){.message-input .wrap input[data-v-18a8ee4c]{padding-left:3%;margin-left:2%;background:#e9ebeb;border-radius:30px;bottom:10%;width:78%}}.message-input .wrap input[data-v-18a8ee4c]:focus{outline:none}.message-input .wrap .attachment[data-v-18a8ee4c]{position:absolute;right:60px;z-index:4;margin-top:10px;font-size:1.1em;color:#32bab0;opacity:.5;cursor:pointer}@media screen and (max-width:735px){.message-input .wrap .attachment[data-v-18a8ee4c]{margin-top:17px;right:65px}}.message-input .wrap button[data-v-18a8ee4c]{float:right;border:none;width:50px;padding:12px 0;cursor:pointer;background:#fff;color:#f5f5f5}@media screen and (max-width:735px){.message-input .wrap button[data-v-18a8ee4c]{padding:16px 0}}.message-input .wrap button[data-v-18a8ee4c]:focus{outline:none}.img-right[data-v-18a8ee4c]{float:right;margin-right:3px}.img-left[data-v-18a8ee4c],.img-right[data-v-18a8ee4c]{height:168px;width:auto;border-radius:10px 10px 10px 10px}.img-left[data-v-18a8ee4c]{float:left;margin-left:10px}@media (min-width:600px){.boton-send[data-v-18a8ee4c]{margin-left:-180px!important;margin-top:-5px!important}}.class-modal .modal-wrapper[data-v-18a8ee4c]{--width:650px;--height:500px}