.fab-container{position:absolute;bottom:5px;right:5px;z-index:1000}.fab-container .fab-checkbox{display:none}.fab-container .fab{width:20px;height:20px;background:#ca0c9e;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:24px;cursor:pointer;text-align:center;line-height:20px;transition:transform .3s}.fab-container .fab-items{background:#cb0c9f;position:absolute;bottom:40px;right:0;display:flex;border:5px;flex-direction:column;gap:2px;opacity:0;pointer-events:none;transform:scale(.5);transition:all .3s;overflow:hidden;border-radius:5px!important}.fab-container .fab-items .fab-item{cursor:pointer;border-bottom:1px solid #32465a;color:#fff;padding:5px 15px;white-space:nowrap;transition:all .3s ease-in-out}.fab-container .fab-items .fab-item:hover{opacity:.8!important}.fab-container .fab-checkbox:checked+.fab+.fab-items{opacity:1;pointer-events:auto;transform:scale(1)}.fab-container .fab-checkbox:checked+.fab{transform:rotate(45deg)}.channels-list{position:absolute;top:-15px}.channels-list span{width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;display:inline-block;margin-right:10px}.channels-list.sent span{background:#435f7a;color:#f5f5f5}.channels-list.replies span{background:#f5f5f5;color:#435f7a}.messages ul li .message-content{position:relative}.messages ul li .message-content.message-clicked:after,.messages ul li .message-content.message-delivered:after,.messages ul li .message-content.message-readed:after{content:"";position:absolute;bottom:-20px;left:0;width:20px;height:20px}.messages ul li .message-content.message-delivered:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60 110l25 25 55-55' stroke='%238392ab' stroke-width='12' stroke-linecap='round' stroke-linejoin='round' fill='none' opacity='.8'/%3E%3C/svg%3E")}.messages ul li .message-content.message-readed:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60 110l25 25 55-55' stroke='%238392ab' stroke-width='12' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M60 130l25 25 55-55' stroke='%238392ab' stroke-width='12' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")}.messages ul li .message-content.message-clicked:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60 110l25 25 55-55' stroke='%2353BDEB' stroke-width='12' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M60 130l25 25 55-55' stroke='%2353BDEB' stroke-width='12' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")}#chat{width:100%;min-width:360px;max-width:1000px;height:100vh;min-height:300px;background:#e6eaea}@media screen and (max-width:360px){#chat{width:100%;height:100vh}}#chat .content{float:right;width:100%;height:100%;overflow:hidden;position:relative}#chat .content .contact-profile{width:100%;height:60px;line-height:60px;background:#f5f5f5}#chat .content .contact-profile img{width:40px;border-radius:50%;float:left;margin:9px 12px 0 9px}#chat .content .contact-profile p{float:left}#chat .content .contact-profile .social-media{float:right}#chat .content .contact-profile .social-media i{margin-left:14px;cursor:pointer}#chat .content .contact-profile .social-media i:last-child{margin-right:20px}#chat .content .contact-profile .social-media i:hover{color:#435f7a}#chat .content .messages{height:auto;min-height:calc(100% - 150px);max-height:calc(100% - 150px);overflow-y:scroll;overflow-x:hidden}@media screen and (max-width:735px){#chat .content .messages{max-height:calc(100% - 105px)}}#chat .content .messages::-webkit-scrollbar{width:8px;background:transparent}#chat .content .messages::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}#chat .content .messages ul{padding:0}#chat .content .messages ul li{display:inline-block;clear:both;margin:15px 15px 5px 15px;width:calc(100% - 25px);font-size:.9em}#chat .content .messages ul li:last-child{margin-bottom:20px}#chat .content .messages ul li.sent img{float:right;margin:6px 0 0 8px}#chat .content .messages ul li.sent p{background:#435f7a;color:#f5f5f5;float:right}#chat .content .messages ul li.replies img{margin:6px 8px 0 0}#chat .content .messages ul li.replies p{background:#f5f5f5}#chat .content .messages ul li img{width:22px;border-radius:50%;float:left}#chat .content .messages ul li p{display:inline-block;padding:20px 15px;border-radius:20px;max-width:500px;line-height:130%}@media screen and (min-width:735px){#chat .content .messages ul li p{max-width:500px}}#chat .content .message-input{width:100%;margin:0 auto}#chat .content .message-input .wrap textarea{font-family:proxima-nova,Source Sans Pro,sans-serif;border:none;width:100%;padding:11px 32px 10px 8px;font-size:.8em;color:#32465a}@media screen and (max-width:735px){#chat .content .message-input .wrap textarea{padding:15px 32px 16px 8px}}#chat .content .message-input .wrap fieldset label{margin:0;padding:5px 10px}#chat .content .message-input .wrap fieldset label input{display:none}#chat .content .message-input .wrap textarea:focus{outline:none}#chat .content .message-input .wrap .attachment{position:absolute;right:60px;z-index:4;margin-top:10px;font-size:1.1em;color:#435f7a;opacity:.5;cursor:pointer}@media screen and (max-width:735px){#chat .content .message-input .wrap .attachment{margin-top:17px;right:65px}}#chat .content .message-input .wrap .attachment:hover{opacity:1}#chat .content .message-input .wrap button{float:right;border:none;width:50px;padding:30px 0;cursor:pointer;background:#32465a;color:#f5f5f5}@media screen and (max-width:735px){#chat .content .message-input .wrap button{padding:16px 0}}#chat .content .message-input .wrap button:hover{background:#435f7a}#chat .content .message-input .wrap button:focus{outline:none}#chat .btn-group-toggle.btn-group-vertical .btn-primary.active{color:#000;background-color:#29eaba!important}