.chat_div{display:flex}.discussions{width:33.333333%;height:600px;display:inline-block}.discussions .discussion{width:100%;height:90px;background-color:#fafafa;border-bottom:solid 1px #e0e0e0;display:flex;align-items:center;cursor:pointer}.discussions .search{display:flex;align-items:center;justify-content:center;border-radius:20px 0 0}.discussions .search .searchbar{height:40px;background-color:#fff;width:90%;padding:0 20px;border-radius:50px;border:1px solid #eeeeee;display:flex;align-items:center;cursor:pointer}.discussions .search .searchbar input{margin-left:15px;height:38px;width:100%;border:none;font-family:Montserrat,sans-serif}.discussions .search .searchbar *::-webkit-input-placeholder{color:#e0e0e0}.discussions .search .searchbar input *:-moz-placeholder{color:#e0e0e0}.discussions .search .searchbar input *::-moz-placeholder{color:#e0e0e0}.discussions .search .searchbar input *:-ms-input-placeholder{color:#e0e0e0}.discussions .message-active{height:90px;background-color:#fff;border-bottom:solid 1px #e0e0e0}.discussion:not(.search):hover{border:2px solid #e6e6e6}.discussions .discussion .photo{margin-left:20px;display:block;width:45px;height:45px;background:#e6e7ed;-moz-border-radius:50px;-webkit-border-radius:50px;background-position:center;background-size:cover;background-repeat:no-repeat}.online{position:relative;top:30px;left:35px;width:13px;height:13px;background-color:#8bc34a;border-radius:13px;border:3px solid #fafafa}.desc-contact{height:43px;width:50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discussions .discussion .name{margin:0 0 0 20px;font-family:Montserrat,sans-serif;font-size:11pt;color:#515151}.discussions .discussion .message{margin:6px 0 0 20px;font-family:Montserrat,sans-serif;font-size:9pt;color:#515151}.timer{margin-left:15%;font-family:Open Sans,sans-serif;font-size:11px;padding:3px 8px;color:#bbb;background-color:#fff;border:1px solid #e5e5e5;border-radius:15px}.chat{width:66.666667%;height:600px}.header-chat{border-bottom:solid 1px #e0e0e0;background-color:#fff;height:90px;display:flex;align-items:center}.chat .header-chat .icon{margin-left:30px;color:#515151;font-size:14pt}.chat .header-chat .name{margin:0 0 0 20px;font-family:Montserrat,sans-serif;font-size:13pt;color:#515151}.chat .header-chat .right{position:absolute;right:40px}.chat .messages-chat{padding:25px 35px;height:430px;overflow-y:scroll}.chat .messages-chat .message{display:flex;align-items:center;margin-bottom:8px}.chat .messages-chat .message .photo{display:block;width:45px;height:45px;background:#e6e7ed;-moz-border-radius:50px;-webkit-border-radius:50px;background-position:center;background-size:cover;background-repeat:no-repeat}.chat .messages-chat .text{background-color:#f6f6f6;padding:15px;border-radius:12px;position:relative}.text-only{margin-left:45px}.time{font-size:10px;color:gray;margin-top:10px}.response-time{float:right;margin-right:40px!important}.response{float:right;margin-right:0!important;margin-left:auto;background-color:#e3effd!important}.footer-chat{height:80px;display:flex;align-items:center;bottom:0;background-color:transparent;border-top:2px solid #eee}.chat .footer-chat .icon{margin-left:30px;color:silver;font-size:14pt}.chat .footer-chat .send{color:#fff;background-color:#4f6ebd;position:absolute;right:200px;padding:12px;border-radius:50px;font-size:12pt}.chat .footer-chat .name{margin:0 0 0 20px;text-transform:uppercase;font-family:Montserrat,sans-serif;font-size:13pt;color:#515151}.chat .footer-chat .right{position:absolute;right:40px}.write-message{border:none!important;width:80%;margin-left:20px;padding:10px;overflow:scroll;height:60px;outline:2px solid transparent}.footer-chat *::-webkit-input-placeholder{color:silver;font-size:13pt}.footer-chat input *:-moz-placeholder{color:silver;font-size:13pt}.footer-chat input *::-moz-placeholder{color:silver;font-size:13pt;margin-left:5px}.footer-chat input *:-ms-input-placeholder{color:silver;font-size:13pt}.clickable{cursor:pointer}.chat-send-btn{height:32px;color:#fff;background-color:#477eff;border:none;border-radius:4px;padding:0 32px 0 10px;font-size:12px;background-position:center right 8px;background-repeat:no-repeat;background-size:14px;line-height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cdefs/%3E%3Cpath fill='%23fff' d='M481.508 210.336L68.414 38.926c-17.403-7.222-37.064-4.045-51.309 8.287C2.86 59.547-3.098 78.551 1.558 96.808L38.327 241h180.026c8.284 0 15.001 6.716 15.001 15.001 0 8.284-6.716 15.001-15.001 15.001H38.327L1.558 415.193c-4.656 18.258 1.301 37.262 15.547 49.595 14.274 12.357 33.937 15.495 51.31 8.287l413.094-171.409C500.317 293.862 512 276.364 512 256.001s-11.683-37.862-30.492-45.665z'/%3E%3C/svg%3E")}