<div class="row">
    <div class="col-md-9">
        <div class="chat_messages">
            <div class="message_date">Sep 21 2014, 11:23 PM</div>
            <ul>
                <li class="msg_left">
                    <p class="msg_user">Carrol Clark</p>
                    Et minus suscipit similique eum praesentium ad nihil. Et excepturi recusandae voluptates velit
                    aperiam velit commodi. Id labore commodi qui rerum. Molestiae cum non rerum perferendis quam a
                    vitae. Praesentium neque consequatur commodi dignissimos voluptates.
                </li>
                <li class="msg_right">
                    <p class="msg_user">Octavia White IV</p>
                    Non consectetur laboriosam eveniet ut. Et in sit ea a repellendus beatae. Labore distinctio harum
                    aut ullam.
                </li>
            </ul>
            <div class="message_date">Sep 22 2014, 8:37 AM</div>
            <ul>
                <li class="msg_right">
                    <p class="msg_user">Avis Bahringer MD</p>
                    Sed suscipit tempore aut aliquid. Aperiam cupiditate et consequatur quibusdam voluptatum porro est
                    qui. Nemo eos praesentium illo ut quam ad commodi quis. Aut nulla consequatur ut necessitatibus
                    minus.
                </li>
                <li class="msg_left">
                    <p class="msg_user">Carrol Clark</p>
                    Totam eligendi voluptate sed non eum corrupti. Nihil voluptas necessitatibus eos maxime molestiae.
                    Quo qui earum consequatur odit. Animi laborum reiciendis mollitia consequatur autem quidem
                    voluptatem.
                </li>
                <li class="msg_right">
                    <p class="msg_user">Shany Mitchell</p>
                    Quia ut illum et placeat blanditiis. Ea assumenda est inventore et aut. Quam iure eveniet quae at
                    ea. Suscipit non quas laborum earum sint.
                </li>
                <li class="msg_left">
                    <p class="msg_user">Carrol Clark</p>
                    In sapiente corporis beatae adipisci. Qui sit porro vel dolores tempora corrupti. Harum qui et
                    dolorem asperiores natus nulla. Et natus sit quasi voluptatem at est.
                </li>
            </ul>
        </div>
        <div class="chat_message_send">
            <textarea class="form-control"></textarea>
            <button class="btn btn-sm btn-primary" type="button">Send</button>
        </div>
    </div>
    <div class="col-md-3 col-sep">
        <div class="chat_users">
            <h3 class="heading_b"><span class="heading_text">Online</span></h3>
            <ul>
                <li class="online">
                    <a>
                        <img ng-src="assets/img/avatars/avatar02_tn.png" alt="" width="38" height="38">
                        Jeanie Leuschke
                    </a>
                </li>
                <li class="online">
                    <a>
                        <img ng-src="assets/img/avatars/avatar03_tn.png" alt="" width="38" height="38">
                        Mr. Rodrick Feest
                    </a>
                </li>
                <li class="online">
                    <a>
                        <img ng-src="assets/img/avatars/avatar04_tn.png" alt="" width="38" height="38">
                        Kelton Effertz
                    </a>
                </li>
                <li class="online">
                    <a>
                        <img ng-src="assets/img/avatars/avatar05_tn.png" alt="" width="38" height="38">
                        Jessica Hodkiewicz
                    </a>
                </li>
            </ul>
            <h3 class="heading_b"><span class="heading_text">Offline</span></h3>
            <ul>
                <li class="offline">
                    <a>
                        <img ng-src="assets/img/avatars/avatar06_tn.png" alt="" width="38" height="38">
                        Dorothy Tromp
                    </a>
                </li>
                <li class="offline">
                    <a>
                        <img ng-src="assets/img/avatars/avatar07_tn.png" alt="" width="38" height="38">
                        Dr. Shaniya Ortiz DDS
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>