.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-height:3em}.screen[data-v-63754058]{text-align:left}.screen-container[data-v-63754058]{height:100%}.chat[data-v-63754058]{height:calc(100% - 69px)}.chat-container[data-v-63754058]{height:100%}.conversation[data-v-63754058]{height:calc(100% - 12px);position:relative;background:#efe7dd url(https://cloud.githubusercontent.com/assets/398893/15136779/4e765036-1639-11e6-9201-67e728e86f39.jpg) repeat;z-index:0}.conversation[data-v-63754058] ::-webkit-scrollbar{-webkit-transition:all .5s;transition:all .5s;width:5px;height:1px;z-index:10}.conversation[data-v-63754058] ::-webkit-scrollbar-track{background:transparent}.conversation[data-v-63754058] ::-webkit-scrollbar-thumb{background:#b3ada7}.conversation .conversation-container[data-v-63754058]{min-height:200px;overflow-x:hidden;padding:0 16px;margin-bottom:5px}.conversation .conversation-container[data-v-63754058]:after{content:"";display:table;clear:both}.preview-message[data-v-63754058]{z-index:-1}.preview-message-carousel[data-v-63754058],.preview-message[data-v-63754058]{color:#000;clear:both;line-height:18px;font-size:12px;padding:8px;position:relative;margin:8px 0;max-width:265px;word-wrap:break-word}.preview-message[data-v-63754058]:after{position:absolute;content:"";width:0;height:0;border-style:solid}.button-area[data-v-63754058]{color:#000;padding:8px 0;max-width:265px}.button-area[data-v-63754058],.reply-button[data-v-63754058]{clear:both;line-height:18px;font-size:12px;position:relative;word-wrap:break-word;z-index:-1;border-radius:5px;float:left}.reply-button[data-v-63754058]{color:#5591ec;padding:8px;background:#fff;text-align:center}.cta-area[data-v-63754058]{border-top:1px solid #dadde1;margin-top:8px;float:right;background:#fff}.cta-button[data-v-63754058]{color:#00a5f4;font-size:12px;height:24px;line-height:20px;padding:0 16px;white-space:pre-wrap;text-align:center;justify-content:center;flex-direction:row;display:flex;word-wrap:break-word;margin-top:5%}.header-media-area[data-v-63754058]{padding:3px 3px 0 3px}.header-media-content[data-v-63754058]{background-size:80px 80px}.header-media-content[data-v-63754058],.header-media-filled[data-v-63754058]{background-color:#ccd0d5;background-position:50%;background-repeat:no-repeat;border-radius:4px;box-sizing:border-box}.header-media-filled[data-v-63754058]{background-size:auto 100%}.header-media-content[data-v-63754058]:after,.header-media-filled[data-v-63754058]:after{content:"";display:block;padding-top:52.35602%}.header-media-image[data-v-63754058]{background-image:url(https://api.media.makna.ai/makna-media/template-header-image.png)}.metadata[data-v-63754058]{display:inline-block;float:right;padding:0 0 0 7px;position:relative;bottom:-4px}.metadata .time[data-v-63754058]{color:rgba(0,0,0,.45);font-size:11px;display:inline-block}.metadata .tick[data-v-63754058]{display:inline-block;margin-left:2px;position:relative;top:4px;height:16px;width:16px}.metadata .tick svg[data-v-63754058]{position:absolute;transition:.5s ease-in-out}.metadata .tick svg[data-v-63754058]:first-child{backface-visibility:hidden;transform:perspective(800px) rotateY(180deg)}.metadata .tick svg[data-v-63754058]:last-child{backface-visibility:hidden;transform:perspective(800px) rotateY(0deg)}.metadata .tick-animation svg[data-v-63754058]:first-child{transform:perspective(800px) rotateY(0)}.metadata .tick-animation svg[data-v-63754058]:last-child{transform:perspective(800px) rotateY(-179.9deg)}.preview-message[data-v-63754058]:first-child{margin:16px 0 8px}.preview-message.received[data-v-63754058]{background:#fff;border-radius:0 5px 5px 5px;float:left}.preview-message.received .metadata[data-v-63754058]{padding:0 0 0 16px}.preview-message.received[data-v-63754058]:after{border-width:0 10px 10px 0;border-color:transparent #fff transparent transparent;top:0;left:-10px}.preview-message.sent[data-v-63754058]{background:#e1ffc7;border-radius:5px 0 5px 5px;float:right}.preview-message.sent[data-v-63754058]:after{border-width:0 0 10px 10px;border-color:transparent transparent transparent #e1ffc7;top:0;right:-10px}.preview-message-carousel[data-v-63754058]:first-child{margin:16px 0 8px}.preview-message-carousel.received[data-v-63754058]{background:#fff;border-radius:5px 5px 5px 5px;float:left}.preview-message-carousel.received .metadata[data-v-63754058]{padding:0 0 0 16px}.preview-message-carousel.received[data-v-63754058]:after{border-width:0 10px 10px 0;border-color:transparent #fff transparent transparent;top:0;content:""}.preview-message-carousel.sent[data-v-63754058]{background:#e1ffc7;border-radius:5px 0 5px 5px;float:right}.preview-message-carousel.sent[data-v-63754058]:after{border-width:0 0 10px 10px;border-color:transparent transparent transparent #e1ffc7;top:0;right:-10px}.preview-message-carousel.received.carousel-message[data-v-63754058]{border-radius:5px}.preview-message-carousel.received.carousel-message img[data-v-63754058],.preview-message-carousel.received img[data-v-63754058]{width:100%;height:auto;border-radius:5px}.preview-footer[data-v-63754058]{font-size:11px;color:rgba(0,0,0,.45);word-wrap:break-word;white-space:pre-wrap}.preview-body-carousel[data-v-63754058],.preview-body[data-v-63754058]{font-size:12px;word-wrap:break-word;white-space:pre-wrap}.preview-body-carousel[data-v-63754058]{padding:0 4px 0 4px}.row-button[data-v-63754058]{flex-wrap:wrap;align-items:flex-start;justify-content:space-between;flex-direction:row;display:flex}.col-button[data-v-63754058]{background-color:#fff;border-radius:7.5px;box-shadow:0 1px .5px rgba(0,0,0,.15);box-sizing:border-box;flex-grow:1;margin:2px 0 0 2px;min-width:calc(50% - 2px);color:#00a5f4;font-size:14px;height:34px;line-height:20px;padding:0 16px;white-space:pre-wrap;align-items:center;justify-content:center;flex-direction:row;display:flex}.swiper-slide[data-v-63754058]{display:flex!important;justify-content:flex-start!important;flex-direction:column!important;min-width:202px}.swiper-wrapper[data-v-63754058]{display:flex;width:980px!important}.swiper-container[data-v-63754058]{height:450px!important;width:100%!important}@media (max-width:768px){.marvel-device.nexus5[data-v-63754058]{border-radius:0;flex:none;padding:0;max-width:none;overflow:hidden;height:100%;width:100%}.marvel-device>.screen .chat[data-v-63754058]{visibility:visible}.marvel-device[data-v-63754058]{visibility:hidden}.screen-container[data-v-63754058]{position:absolute;top:0;left:0;right:0;bottom:0}}.screen[data-v-dfc766e6]{text-align:left}.screen-container[data-v-dfc766e6]{height:100%}.chat[data-v-dfc766e6]{height:calc(100% - 69px)}.chat-container[data-v-dfc766e6]{height:100%}.conversation[data-v-dfc766e6]{height:calc(100% - 12px);position:relative;background:#efe7dd url(https://cloud.githubusercontent.com/assets/398893/15136779/4e765036-1639-11e6-9201-67e728e86f39.jpg) repeat;z-index:0}.conversation[data-v-dfc766e6] ::-webkit-scrollbar{-webkit-transition:all .5s;transition:all .5s;width:5px;height:1px;z-index:10}.conversation[data-v-dfc766e6] ::-webkit-scrollbar-track{background:transparent}.conversation[data-v-dfc766e6] ::-webkit-scrollbar-thumb{background:#b3ada7}.conversation .conversation-container[data-v-dfc766e6]{min-height:200px;overflow-x:hidden;padding:0 16px;margin-bottom:5px}.conversation .conversation-container[data-v-dfc766e6]:after{content:"";display:table;clear:both}.preview-message[data-v-dfc766e6]{z-index:-1}.preview-message-carousel[data-v-dfc766e6],.preview-message[data-v-dfc766e6]{color:#000;clear:both;line-height:18px;font-size:12px;padding:8px;position:relative;margin:8px 0;max-width:265px;word-wrap:break-word}.preview-message[data-v-dfc766e6]:after{position:absolute;content:"";width:0;height:0;border-style:solid}.button-area[data-v-dfc766e6]{color:#000;padding:8px 0;max-width:265px}.button-area[data-v-dfc766e6],.reply-button[data-v-dfc766e6]{clear:both;line-height:18px;font-size:12px;position:relative;word-wrap:break-word;z-index:-1;border-radius:5px;float:left}.reply-button[data-v-dfc766e6]{color:#5591ec;padding:8px;background:#fff;text-align:center}.cta-area[data-v-dfc766e6]{border-top:1px solid #dadde1;margin-top:8px;float:right;background:#fff}.cta-button[data-v-dfc766e6]{color:#00a5f4;font-size:12px;height:24px;line-height:20px;padding:0 16px;white-space:pre-wrap;text-align:center;justify-content:center;flex-direction:row;display:flex;word-wrap:break-word;margin-top:5%}.header-media-area[data-v-dfc766e6]{padding:3px 3px 0 3px}.header-media-content[data-v-dfc766e6]{background-size:80px 80px}.header-media-content[data-v-dfc766e6],.header-media-filled[data-v-dfc766e6]{background-color:#ccd0d5;background-position:50%;background-repeat:no-repeat;border-radius:4px;box-sizing:border-box}.header-media-filled[data-v-dfc766e6]{background-size:auto 100%}.header-media-content[data-v-dfc766e6]:after,.header-media-filled[data-v-dfc766e6]:after{content:"";display:block;padding-top:52.35602%}.header-media-image[data-v-dfc766e6]{background-image:url(https://api.media.makna.ai/makna-media/template-header-image.png)}.metadata[data-v-dfc766e6]{display:inline-block;float:right;padding:0 0 0 7px;position:relative;bottom:-4px}.metadata .time[data-v-dfc766e6]{color:rgba(0,0,0,.45);font-size:11px;display:inline-block}.metadata .tick[data-v-dfc766e6]{display:inline-block;margin-left:2px;position:relative;top:4px;height:16px;width:16px}.metadata .tick svg[data-v-dfc766e6]{position:absolute;transition:.5s ease-in-out}.metadata .tick svg[data-v-dfc766e6]:first-child{backface-visibility:hidden;transform:perspective(800px) rotateY(180deg)}.metadata .tick svg[data-v-dfc766e6]:last-child{backface-visibility:hidden;transform:perspective(800px) rotateY(0deg)}.metadata .tick-animation svg[data-v-dfc766e6]:first-child{transform:perspective(800px) rotateY(0)}.metadata .tick-animation svg[data-v-dfc766e6]:last-child{transform:perspective(800px) rotateY(-179.9deg)}.preview-message[data-v-dfc766e6]:first-child{margin:16px 0 8px}.preview-message.received[data-v-dfc766e6]{background:#fff;border-radius:0 5px 5px 5px;float:left}.preview-message.received .metadata[data-v-dfc766e6]{padding:0 0 0 16px}.preview-message.received[data-v-dfc766e6]:after{border-width:0 10px 10px 0;border-color:transparent #fff transparent transparent;top:0;left:-10px}.preview-message.sent[data-v-dfc766e6]{background:#e1ffc7;border-radius:5px 0 5px 5px;float:right}.preview-message.sent[data-v-dfc766e6]:after{border-width:0 0 10px 10px;border-color:transparent transparent transparent #e1ffc7;top:0;right:-10px}.preview-message-carousel[data-v-dfc766e6]:first-child{margin:16px 0 8px}.preview-message-carousel.received[data-v-dfc766e6]{background:#fff;border-radius:5px 5px 5px 5px;float:left}.preview-message-carousel.received .metadata[data-v-dfc766e6]{padding:0 0 0 16px}.preview-message-carousel.received[data-v-dfc766e6]:after{border-width:0 10px 10px 0;border-color:transparent #fff transparent transparent;top:0;content:""}.preview-message-carousel.sent[data-v-dfc766e6]{background:#e1ffc7;border-radius:5px 0 5px 5px;float:right}.preview-message-carousel.sent[data-v-dfc766e6]:after{border-width:0 0 10px 10px;border-color:transparent transparent transparent #e1ffc7;top:0;right:-10px}.preview-message-carousel.received.carousel-message[data-v-dfc766e6]{border-radius:5px}.preview-message-carousel.received.carousel-message img[data-v-dfc766e6],.preview-message-carousel.received img[data-v-dfc766e6]{width:100%;height:auto;border-radius:5px}.preview-footer[data-v-dfc766e6]{font-size:11px;color:rgba(0,0,0,.45);word-wrap:break-word;white-space:pre-wrap}.preview-body-carousel[data-v-dfc766e6],.preview-body[data-v-dfc766e6]{font-size:12px;word-wrap:break-word;white-space:pre-wrap}.preview-body-carousel[data-v-dfc766e6]{padding:0 4px 0 4px}.row-button[data-v-dfc766e6]{flex-wrap:wrap;align-items:flex-start;justify-content:space-between;flex-direction:row;display:flex}.col-button[data-v-dfc766e6]{background-color:#fff;border-radius:7.5px;box-shadow:0 1px .5px rgba(0,0,0,.15);box-sizing:border-box;flex-grow:1;margin:2px 0 0 2px;min-width:calc(50% - 2px);color:#00a5f4;font-size:14px;height:34px;line-height:20px;padding:0 16px;white-space:pre-wrap;align-items:center;justify-content:center;flex-direction:row;display:flex}.swiper-slide[data-v-dfc766e6]{display:flex!important;justify-content:flex-start!important;flex-direction:column!important;min-width:202px}.swiper-wrapper[data-v-dfc766e6]{display:flex;width:980px!important}.swiper-container[data-v-dfc766e6]{height:450px!important;width:100%!important}@media (max-width:768px){.marvel-device.nexus5[data-v-dfc766e6]{border-radius:0;flex:none;padding:0;max-width:none;overflow:hidden;height:100%;width:100%}.marvel-device>.screen .chat[data-v-dfc766e6]{visibility:visible}.marvel-device[data-v-dfc766e6]{visibility:hidden}.screen-container[data-v-dfc766e6]{position:absolute;top:0;left:0;right:0;bottom:0}}.detail-information{max-height:calc(145vh - 340px)}.comments-container{max-height:calc(90vh - 340px);height:300px!important}.mention-blue{color:#1868db;font-weight:700}.mention-gray{color:#5d5d5d;font-weight:700}[data-initials]:before{background:#8cc8ed;color:#fff;opacity:1;content:attr(data-initials);display:inline-block;font-weight:700;border-radius:50%;vertical-align:middle;margin-right:.5em;width:40px;height:40px;line-height:40px;text-align:center}[data-initials-ticket]{--initial-ticket-color:#192a53}[data-initials-ticket]:before{background-color:var(--initial-ticket-color);font-size:8px;color:#fff;opacity:1;content:attr(data-initials-ticket);display:inline-block;font-weight:700;border-radius:50%;vertical-align:middle;margin-right:1em;width:40px;height:40px;line-height:40px;text-align:center}.identicons{vertical-align:top;margin-right:1em}.message-item .content,.quoted-message{position:relative}.quoted-message{width:auto;display:inline-block;background:#c9fcc7;padding:8px 15px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;z-index:2;margin-bottom:-10px;transform:translateY(-20px);-moz-transform:translateY(-20px);-webkit-transform:translateY(-20px)}.quoted-message,.quoted-message:hover{color:rgba(24,41,83,.7)}.quoted-reply-message{width:auto;display:inline-block;background:#fff;color:rgba(65,65,65,.7);padding:8px 25px;border-radius:4px;border-style:solid;border-color:rgba(65,65,65,.7);-moz-border-radius:4px;-webkit-border-radius:4px;position:relative;z-index:2;margin-top:5px;transform:translateY(-20px);-moz-transform:translateY(-20px);-webkit-transform:translateY(-20px)}.quoted-reply-message:hover{color:rgba(24,41,83,.7)}.message-item.me{text-align:left}.message.has-quote{margin-top:16px}.input-group input.private,.input-group textarea.private,.nav-tabs .nav-link.active#private-tab{background:#fbfbf3}.chat-footer .search-form .input-group{position:relative}textarea#chatForm{height:40px}textarea#chatForm,textarea#privateForm{padding:12px 20px 12px 30px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;position:absolute;bottom:0;left:0;right:0;width:100%}textarea#privateForm{height:55px}.pr{position:relative}.status-read{color:#34b7f1}.inbound-text{color:#25d366}.thumbnail-product{background-color:#ccd0d5;background-position:50%;background-repeat:no-repeat;background-size:auto 100%;border-radius:4px;box-sizing:border-box}.thumbnail-product:after{content:"";display:block;padding-top:52.35602%}.button-action-system{margin-right:-50px!important;text-align:right!important}.messages .message-item.system{margin:auto}.messages .message-item.system .content{order:1;margin:auto!important;color:#212529}.messages .message-item.system .content .bubble{background:#e7e7e7;border-radius:5px;margin:auto;align-self:center}.messages .message-item.system .content .bubble p{text-align:center}.messages .message-item.system .content span{text-align:center;display:block}.messages .message-item.private_note{margin:auto}.messages .message-item.private_note .content{order:1;margin:auto!important;color:#fff}.messages .message-item.private_note .content .bubble{background:#fff3d5;color:#000;border-radius:5px;margin:auto;align-self:center}.messages .message-item.private_note .content .bubble p{text-align:center}.messages .message-item.private_note .content span{text-align:center;display:block}ul .message-action{display:flex;list-style:none;padding:0}.callout{padding:10px;border:1px solid #eee;border-left-width:5px;border-radius:5px;background:rgba(24,41,83,.1)}.callout h4{margin-top:0;margin-bottom:5px}.callout p:last-child{margin-bottom:0}.callout code{border-radius:3px}.callout+.bs-callout{margin-top:-5px}.timeline-comment .el-timeline-item__wrapper{position:relative;padding-left:28px;top:-7px}.callout-default{border-left-color:#777}.callout-default h4{color:#777}.callout-primary{border-left-color:#428bca}.callout-primary h4{color:#428bca}.callout-success{border-left-color:#5cb85c}.callout-success h4{color:#5cb85c}.callout-danger{border-left-color:#d9534f}.callout-danger h4{color:#d9534f}.callout-warning{border-left-color:#f0ad4e}.callout-warning h4{color:#f0ad4e}.callout-info{border-left-color:#5bc0de}.callout-info h4{color:#5bc0de}.callout-bdc{border-left-color:#29527a}.callout-bdc h4{color:#29527a}