<div class="sidebar-panel">
    <div>
        <h4>Messages <span class="badge badge-info pull-right">16</span></h4>
        <div class="feed-element">
            <a href="" class="pull-left">
                <img alt="image" class="img-circle" src="img/a1.jpg">
            </a>
            <div class="media-body">
                There are many variations of passages of Lorem Ipsum available.
                <br>
                <small class="text-muted">Today 4:21 pm</small>
            </div>
        </div>
        <div class="feed-element">
            <a href="" class="pull-left">
                <img alt="image" class="img-circle" src="img/a2.jpg">
            </a>
            <div class="media-body">
                TIt is a long established fact that.
                <br>
                <small class="text-muted">Yesterday 2:45 pm</small>
            </div>
        </div>
        <div class="feed-element">
            <a href="" class="pull-left">
                <img alt="image" class="img-circle" src="img/a3.jpg">
            </a>
            <div class="media-body">
                Many desktop publishing packages.
                <br>
                <small class="text-muted">Yesterday 1:10 pm</small>
            </div>
        </div>
        <div class="feed-element">
            <a href="" class="pull-left">
                <img alt="image" class="img-circle" src="img/a4.jpg">
            </a>
            <div class="media-body">
                The generated Lorem Ipsum is therefore always free.
                <br>
                <small class="text-muted">Monday 8:37 pm</small>
            </div>
        </div>
    </div>
    <div class="m-t-md">
        <h4>Statistics</h4>
        <p>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.
        </p>
        <div class="row m-t-sm">
            <div class="col-md-6">
                <bar-chart data="main.BarChart3.data" options="main.BarChart3.options"></bar-chart>
                <h5><strong>169</strong> Posts</h5>
            </div>
            <div class="col-md-6">
                <bar-chart data="main.BarChart2.data" options="main.BarChart2.options"></bar-chart>
                <h5><strong>28</strong> Orders</h5>
            </div>
        </div>
    </div>
    <div class="m-t-md">
        <h4>Discussion</h4>
        <div>
            <ul class="list-group">
                <li class="list-group-item">
                    <span class="badge badge-primary">16</span>
                    General topic
                </li>
                <li class="list-group-item ">
                    <span class="badge badge-info">12</span>
                    The generated Lorem
                </li>
                <li class="list-group-item">
                    <span class="badge badge-warning">7</span>
                    There are many variations
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="wrapper sidebar-content wrapper-content">
<div class="row">
    <div class="col-lg-12">
        <div class="ibox float-e-margins">
            <div class="ibox-content" ng-controller="chartJsCtrl as chart">
                <div>
                    <span class="pull-right text-right">
                    <small>Average value of sales in the past month in: <strong>United states</strong></small>
                        <br/>
                        All sales: 162,862
                    </span>

                    <h1 class="m-b-xs">$ 50,992</h1>

                    <h3 class="font-bold no-margins">
                        Half-year revenue margin
                    </h3>
                    <small>Sales marketing.</small>
                </div>
                <div>
                <canvas linechart options="chart.lineOptions" data="chart.lineData" height="70" responsive=true ></canvas>
                </div>
                <div class="m-t-md">
                    <small class="pull-right">
                        <i class="fa fa-clock-o"> </i>
                        Update on 16.07.2015
                    </small>
                    <small>
                        <strong>Analysis of sales:</strong> The value has been changed over time, and last month reached a level over $50,000.
                    </small>
                </div>

            </div>
        </div>
    </div>
</div>


<div class="row">

    <div class="col-lg-4">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <span class="label label-primary pull-right">Today</span>
                <h5>Vistits</h5>
            </div>
            <div class="ibox-content">
                <h1 class="no-margins">22 285,400</h1>

                <div class="stat-percent font-bold text-navy">20% <i class="fa fa-level-up"></i></div>
                <small>New orders</small>
            </div>
        </div>
    </div>
    <div class="col-lg-4">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <span class="label label-info pull-right">Monthly</span>
                <h5>Orders</h5>
            </div>
            <div class="ibox-content">
                <h1 class="no-margins">60 420,600</h1>

                <div class="stat-percent font-bold text-info">40% <i class="fa fa-level-up"></i></div>
                <small>New orders</small>
            </div>
        </div>
    </div>
    <div class="col-lg-4">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <span class="label label-warning pull-right">Annual</span>
                <h5>Income</h5>
            </div>
            <div class="ibox-content">
                <h1 class="no-margins">$ 120 430,800</h1>

                <div class="stat-percent font-bold text-warning">16% <i class="fa fa-level-up"></i></div>
                <small>New orders</small>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-lg-6">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>New data for the report</h5>
                <div ibox-tools></div>
            </div>
            <div class="ibox-content ibox-heading">
                <h3>Stock price up
                    <div class="stat-percent text-navy">34% <i class="fa fa-level-up"></i></div>
                </h3>
                <small><i class="fa fa-stack-exchange"></i> New economic data from the previous quarter.</small>
            </div>
            <div class="ibox-content">
                <div>

                    <div class="pull-right text-right">

                        <bar-chart data="main.BarChart.data" options="main.BarChart.options"></bar-chart>
                        <br/>
                        <small class="font-bold">$ 20 054.43</small>
                    </div>
                    <h4>NYS report new data!
                        <br/>
                        <small class="m-r"><a ui-sref="flot_chart"> Check the stock price! </a></small>
                    </h4>
                </div>
            </div>
        </div>
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>Read below comments and tweets</h5>
                <div ibox-tools></div>
            </div>
            <div class="ibox-content no-padding">
                <ul class="list-group">
                    <li class="list-group-item">
                        <p><a class="text-info" href="">@Alan Marry</a> I belive that. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                        <small class="block text-muted"><i class="fa fa-clock-o"></i> 1 minuts ago</small>
                    </li>
                    <li class="list-group-item">
                        <p><a class="text-info" href="">@Stock Man</a> Check this stock chart. This price is crazy! </p>
                        <small class="block text-muted"><i class="fa fa-clock-o"></i> 2 hours ago</small>
                    </li>
                    <li class="list-group-item">
                        <p><a class="text-info" href="">@Kevin Smith</a> Lorem ipsum unknown printer took a galley </p>
                        <small class="block text-muted"><i class="fa fa-clock-o"></i> 2 minuts ago</small>
                    </li>
                    <li class="list-group-item ">
                        <p><a class="text-info" href="">@Jonathan Febrick</a> The standard chunk of Lorem Ipsum</p>
                        <small class="block text-muted"><i class="fa fa-clock-o"></i> 1 hour ago</small>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="col-lg-6">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>Timeline</h5>
                <span class="label label-primary">Meeting today</span>
                <div ibox-tools></div>
            </div>

            <div class="ibox-content inspinia-timeline">

                <div class="timeline-item">
                    <div class="row">
                        <div class="col-xs-3 date">
                            <i class="fa fa-briefcase"></i>
                            6:00 am
                            <br/>
                            <small class="text-navy">2 hour ago</small>
                        </div>
                        <div class="col-xs-7 content no-top-border">
                            <p class="m-b-xs"><strong>Meeting</strong></p>

                            <p>Conference on the sales results for the previous year. Monica please examine sales trends in marketing and products.</p>

                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="row">
                        <div class="col-xs-3 date">
                            <i class="fa fa-file-text"></i>
                            7:00 am
                            <br/>
                            <small class="text-navy">3 hour ago</small>
                        </div>
                        <div class="col-xs-7 content">
                            <p class="m-b-xs"><strong>Send documents to Mike</strong></p>

                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since.</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="row">
                        <div class="col-xs-3 date">
                            <i class="fa fa-coffee"></i>
                            8:00 am
                            <br/>
                        </div>
                        <div class="col-xs-7 content">
                            <p class="m-b-xs"><strong>Coffee Break</strong></p>

                            <p>
                                Go to shop and find some products.
                                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="row">
                        <div class="col-xs-3 date">
                            <i class="fa fa-phone"></i>
                            11:00 am
                            <br/>
                            <small class="text-navy">21 hour ago</small>
                        </div>
                        <div class="col-xs-7 content">
                            <p class="m-b-xs"><strong>Phone with Jeronimo</strong></p>

                            <p>
                                Lorem Ipsum has been the industry's standard dummy text ever since.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

</div>
<div class="small-chat-box ng-small-chat fadeInRight animated" ng-show="openChat">

    <div class="heading" draggable="true">
        <small class="chat-date pull-right">
            02.19.2015
        </small>
        Small chat
    </div>

    <div class="content" chat-slim-scroll>

        <div class="left">
            <div class="author-name">
                Monica Jackson <small class="chat-date">
                10:02 am
            </small>
            </div>
            <div class="chat-message active">
                Lorem Ipsum is simply dummy text input.
            </div>

        </div>
        <div class="right">
            <div class="author-name">
                Mick Smith
                <small class="chat-date">
                    11:24 am
                </small>
            </div>
            <div class="chat-message">
                Lorem Ipsum is simpl.
            </div>
        </div>
        <div class="left">
            <div class="author-name">
                Alice Novak
                <small class="chat-date">
                    08:45 pm
                </small>
            </div>
            <div class="chat-message active">
                Check this stock char.
            </div>
        </div>
        <div class="right">
            <div class="author-name">
                Anna Lamson
                <small class="chat-date">
                    11:24 am
                </small>
            </div>
            <div class="chat-message">
                The standard chunk of Lorem Ipsum
            </div>
        </div>
        <div class="left">
            <div class="author-name">
                Mick Lane
                <small class="chat-date">
                    08:45 pm
                </small>
            </div>
            <div class="chat-message active">
                I belive that. Lorem Ipsum is simply dummy text.
            </div>
        </div>


    </div>
    <div class="form-chat">
        <div class="input-group input-group-sm"><input type="text" class="form-control"> <span class="input-group-btn"> <button
                class="btn btn-primary" type="button">Send
        </button> </span></div>
    </div>

</div>
<div id="small-chat" ng-click="openChat = !openChat">

    <span class="badge badge-warning pull-right">5</span>
    <a class="open-small-chat">
        <i class="fa fa-comments"></i>

    </a>
</div>