.conversation{height:calc(100% - 12px);position:relative;z-index:0}.conversation ::-webkit-scrollbar{transition:all .5s;width:5px;height:1px;z-index:10}.conversation ::-webkit-scrollbar-track{background:#fff0}.conversation ::-webkit-scrollbar-thumb{background:#b3ada7}.conversation .conversation-container{height:310px;max-height:100%;overflow-x:hidden;padding:0 16px;margin-bottom:5px}.conversation .conversation-container:after{content:"";display:table;clear:both}::placeholder{color:red;opacity:1}::-ms-input-placeholder{color:red}.message{color:#000;clear:both;line-height:18px;font-size:15px;padding:8px;position:relative;margin:8px 0;max-width:85%;word-wrap:break-word;z-index:-1}.message:after{position:absolute;content:"";width:0;height:0;border-style:solid}.message:first-child{margin:16px 0 8px}.message.received{color:#fff;background:#0dac1a;border-radius:0 5px 5px 5px;float:left}.message.received h4{color:#fff}.message.received:after{border-width:0 11px 10px 0;border-color:#fff0 #0dac1a #fff0 #fff0;top:0;left:-10px}.message.sent{background:#e1ffc7;border-radius:5px 0 5px 5px;float:right}.message.sent:after{border-width:0 0 10px 11px;border-color:#fff0 #fff0 #fff0 #e1ffc7;top:0;right:-10px}.conversation-compose{display:flex;flex-direction:row;align-items:flex-end;overflow:hidden;height:50px;width:100%;z-index:2}.conversation-compose div,.conversation-compose input{background:#fff;height:100%}.conversation-compose .input-msg{border:0;flex:1 1 auto;font-size:16px;margin:0;outline:none;min-width:50px;margin-left:20%}.conversation-compose .send{background:#fff0;border:0;cursor:pointer;flex:0 0 auto;margin-left:8px;margin-right:8px;padding:0;position:relative;outline:none}.conversation-compose .send .circle{background:#0dac1a;border-radius:50%;color:#fff;position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.conversation-compose .send .circle i{font-size:24px;margin-left:5px}.conversation-container{hyphens:none;-webkit-hyphens:none;-ms-hyphens:none}.avia_sortable_element .av_one_fifth,.avia_sortable_element .av_two_fifth,.avia_sortable_element .av_one_half,.avia_sortable_element .av_one_third,.avia_sortable_element .av_one_fourth,.avia_sortable_element .av_one_half{float:left}.avia_sortable_element .av_one_half{width:45%!important}