<!-- BEGIN CONTENT -->
<div class="page-content-wrapper">
    <div class="page-content">

        <!-- BEGIN PAGE HEADER-->
        <h3 class="page-title">
            Dashboard <small>Numbers & reports</small>
        </h3>
        <div class="page-bar">
            <ul class="page-breadcrumb">
                {$breadcrumbs}
            </ul>
        </div>
        <!-- END PAGE HEADER-->
        <!-- BEGIN DASHBOARD STATS -->
        <div class="row clinick rtl">
            <div class="container">
                <div class="row">
                    <div class='col-sm-6'>
                        <input type='text' class="form-control" id='datetimepicker4' />
                    </div>
                    <script type="text/javascript">
                        $(function () {
                            $('#datetimepicker4').datetimepicker();
                        });
                    </script>
                </div>
            </div>

            <div class="col-md-1">
                <div class="form-group form-md-line-input form-md-floating-label has-info">
                    <input type="text" class="form-control ">
                    <label for="form_control_1">col-md-1</label>
                </div>
            </div>

            <div class="col-md-2">
                <div class="form-group form-md-line-input form-md-floating-label has-info">
                    <input type="text" class="form-control">
                    <label for="form_control_1">col-md-2</label>
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group form-md-line-input form-md-floating-label has-info">
                    <input type="number" class="form-control">
                    <label for="form_control_1">col-md-3</label>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group form-md-line-input form-md-floating-label has-info">
                    <input type="text" class="form-control datepicker">
                    <label for="form_control_1">col-md-4</label>
                </div>
            </div>
            <div class="col-md-5">
                <div class="form-group form-md-line-input form-md-floating-label has-info">
                    <input type="eamil" class="form-control">
                    <label for="form_control_1">col-md-5</label>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group form-md-line-input form-md-floating-label has-info">
                    <input type="text" class="form-control">
                    <label for="form_control_1">col-md-6</label>
                </div>
            </div>
            <div class="col-md-7">
                <div class="form-group form-md-line-input form-md-floating-label has-info">
                    <input type="text" class="form-control">
                    <label for="form_control_1">col-md-7</label>
                </div>
            </div>
            <div class="col-md-8">
                <div class="form-group form-md-line-input form-md-floating-label has-info">
                    <input type="text" class="form-control">
                    <label for="form_control_1">col-md-8</label>
                </div>
            </div>
            <div class="col-md-9">
                <div class="form-group form-md-line-input form-md-floating-label has-info">
                    <input type="text" class="form-control">
                    <label for="form_control_1">col-md-9</label>
                </div>
            </div>
            <div class="col-md-10">
                <div class="form-group form-md-line-input form-md-floating-label has-info">
                    <input type="text" class="form-control">
                    <label for="form_control_1">col-md-10</label>
                </div>
            </div>
            <div class="col-md-11">
                <div class="form-group form-md-line-input form-md-floating-label has-info">
                    <input type="text" class="form-control">
                    <label for="form_control_1">col-md-11</label>
                </div>
            </div>
            <div class="col-md-12">
                <div class="form-group form-md-line-input form-md-floating-label has-info">
                    <input type="text" class="form-control">
                    <label for="form_control_1">col-md-12</label>
                </div>
            </div>

            <div class="clearfix"></div>


            <div class="col-md-2">
                <div class="form-group form-md-line-input has-info">
                    <div class="input-group">
                        <span class="input-group-addon">Right</span>
                        <input type="text" class="form-control">
                        <span class="input-group-addon">Left</span>
                        <label for="form_control_1">Input Group</label>
                    </div>
                </div>
            </div>

            <div class="col-md-4">
                <div class="form-group">
                    <label class="control-label col-md-3 ls2">Column 4</label>
                    <select class="form-control select2me" data-placeholder="Select...">
                        <option></option>
                        <option value="AL">Alabama</option>
                        <option value="WY">Wyoming</option>
                    </select>
                </div>
            </div>

            <div class="col-md-4">
                <div class="form-group form-md-line-input has-info">
                    <select class="form-control" id="form_control_1">
                        <option value=""></option>
                        <option value="">Option 1</option>
                        <option value="">Option 2</option>
                        <option value="">Option 3</option>
                        <option value="">Option 4</option>
                    </select>
                    <label for="form_control_1">Dropdown sample</label>
                </div>
            </div>

        </div>
        <div class="row">
            <ul class="nav nav-pills">
                <li>
                    <a class="bg-blue">
                        .bg-blue</a>
                </li>
                <li>
                    <a class="bg-blue-hoki">
                        .bg-blue-hoki</a>
                </li>
                <li>
                    <a class="bg-blue-steel">
                        .bg-blue-steel</a>
                </li>
                <li>
                    <a class="bg-blue-madison">
                        .bg-blue-madison</a>
                </li>
                <li>
                    <a class="bg-blue-chambray">
                        .bg-blue-chambray</a>
                </li>
                <li>
                    <a class="bg-blue-ebonyclay">
                        .bg-blue-ebonyclay</a>
                </li>

                <li>
                    <a class="bg-grey">
                        .bg-grey</a>
                </li>
                <li>
                    <a class="bg-grey-cascade">
                        .bg-grey-cascade</a>
                </li>
                <li>
                    <a class="bg-grey-silver">
                        .bg-grey-silver</a>
                </li>
                <li>
                    <a class="bg-grey-steel">
                        .bg-grey-steel</a>
                </li>
                <li>
                    <a class="bg-grey-cararra">
                        .bg-grey-cararra</a>
                </li>
                <li>
                    <a class="bg-grey-gallery">
                        .bg-grey-gallery</a>
                </li>

                <li>
                    <a class="bg-green">
                        .bg-green</a>
                </li>
                <li>
                    <a class="bg-green-meadow">
                        .bg-green-meadow</a>
                </li>
                <li>
                    <a class="bg-green-seagreen">
                        .bg-green-seagreen</a>
                </li>
                <li>
                    <a class="bg-green-turquoise">
                        .bg-green-turquoise</a>
                </li>
                <li>
                    <a class="bg-green-haze">
                        .bg-green-haze</a>
                </li>
                <li>
                    <a class="bg-green-jungle">
                        .bg-green-jungle</a>
                </li>
                <li>
                    <a class="bg-red">
                        .bg-red</a>
                </li>
                <li>
                    <a class="bg-red-pink">
                        .bg-red-pink</a>
                </li>
                <li>
                    <a class="bg-red-sunglo">
                        .bg-red-sunglo</a>
                </li>
                <li>
                    <a class="bg-red-intense">
                        .bg-red-intense</a>
                </li>
                <li>
                    <a class="bg-red-thunderbird">
                        .bg-red-thunderbird</a>
                </li>
                <li>
                    <a class="bg-red-flamingo">
                        .bg-red-flamingo</a>
                </li>
                <li>
                    <a class="bg-yellow">
                        .bg-yellow</a>
                </li>
                <li>
                    <a class="bg-yellow-gold">
                        .bg-yellow-gold</a>
                </li>
                <li>
                    <a class="bg-yellow-casablanca">
                        .bg-yellow-casablanca</a>
                </li>
                <li>
                    <a class="bg-yellow-crusta">
                        .bg-yellow-crusta</a>
                </li>
                <li>
                    <a class="bg-yellow-lemon">
                        .bg-yellow-lemon</a>
                </li>
                <li>
                    <a class="bg-yellow-saffron">
                        .bg-yellow-saffron</a>
                </li>
                <li>
                    <a class="bg-purple">
                        .bg-purple</a>
                </li>
                <li>
                    <a class="bg-purple-plum">
                        .bg-purple-plum</a>
                </li>
                <li>
                    <a class="bg-purple-medium">
                        .bg-purple-medium</a>
                </li>
                <li>
                    <a class="bg-purple-studio">
                        .bg-purple-studio</a>
                </li>
                <li>
                    <a class="bg-purple-wisteria">
                        .bg-purple-wisteria</a>
                </li>
                <li>
                    <a class="bg-purple-seance">
                        .bg-purple-seance</a>
                </li>
            </ul>
        </div>


















        <div class="row">
            <div class="col-md-6 col-sm-12">
                <!-- BEGIN EXAMPLE TABLE PORTLET-->
                <div class="portlet box yellow">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="fa fa-user"></i>Table
                        </div>
                        <div class="actions">
                            <a href="javascript:;" class="btn btn-default btn-sm">
                                <i class="fa fa-pencil"></i> Add </a>
                            <div class="btn-group">
                                <a class="btn btn-default btn-sm" href="javascript:;" data-toggle="dropdown">
                                    <i class="fa fa-cogs"></i> Tools <i class="fa fa-angle-down"></i>
                                </a>
                                <ul class="dropdown-menu pull-right">
                                    <li>
                                        <a href="javascript:;">
                                            <i class="fa fa-pencil"></i> Edit </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <i class="fa fa-trash-o"></i> Delete </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <i class="fa fa-ban"></i> Ban </a>
                                    </li>
                                    <li class="divider">
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <i class="i"></i> Make admin </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="portlet-body">
                        <table class="table table-striped table-bordered table-hover" id="sample_2">
                            <thead>
                                <tr>
                                    <th>
                                        Username
                                    </th>
                                    <th>
                                        Email
                                    </th>
                                    <th>
                                        Status
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="odd gradeX">
                                    <td>
                                        shuxer
                                    </td>
                                    <td>
                                        <a href="mailto:shuxer@gmail.com">
                                            shuxer@gmail.com </a>
                                    </td>
                                    <td>
                                        <span class="label label-sm label-success">
                                            Approved </span>
                                    </td>
                                </tr>
                                <tr class="odd gradeX">
                                    <td>
                                        shuxer
                                    </td>
                                    <td>
                                        <a href="mailto:shuxer@gmail.com">
                                            shuxer@gmail.com </a>
                                    </td>
                                    <td>
                                        <span class="label label-sm label-success">
                                            Approved </span>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <!-- END EXAMPLE TABLE PORTLET-->
            </div>
            <div class="col-md-6 col-sm-12">
                <!-- BEGIN EXAMPLE TABLE PORTLET-->
                <div class="portlet box purple">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="fa fa-cogs"></i>Table
                        </div>
                        <div class="actions">
                            <a href="javascript:;" class="btn btn-default btn-sm">
                                <i class="fa fa-plus"></i> Add </a>
                            <a href="javascript:;" class="btn btn-default btn-sm">
                                <i class="fa fa-print"></i> Print </a>
                        </div>
                    </div>
                    <div class="portlet-body">
                        <table class="table table-striped table-bordered table-hover" id="awtbl">
                            <thead>
                                <tr>
                                    <th class="table-checkbox">
                                        <input type="checkbox" class="group-checkable" data-set="#sample_3 .checkboxes"/>
                                    </th>
                                    <th>
                                        Username
                                    </th>
                                    <th>
                                        Email
                                    </th>
                                    <th>
                                        Status
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="odd gradeX">
                                    <td>
                                        <input type="checkbox" class="checkboxes" value="1"/>
                                    </td>
                                    <td>
                                        shuxer
                                    </td>
                                    <td>
                                        <a href="mailto:shuxer@gmail.com">
                                            shuxer@gmail.com </a>
                                    </td>
                                    <td>
                                        <span class="label label-sm label-success">
                                            Approved </span>
                                    </td>
                                </tr>
                                <tr class="odd gradeX">
                                    <td>
                                        <input type="checkbox" class="checkboxes" value="1"/>
                                    </td>
                                    <td>
                                        looper
                                    </td>
                                    <td>
                                        <a href="mailto:looper90@gmail.com">
                                            looper90@gmail.com </a>
                                    </td>
                                    <td>
                                        <span class="label label-sm label-warning">
                                            Suspended </span>
                                    </td>
                                </tr>
                                <tr class="odd gradeX">
                                    <td>
                                        <input type="checkbox" class="checkboxes" value="1"/>
                                    </td>
                                    <td>
                                        userwow
                                    </td>
                                    <td>
                                        <a href="mailto:userwow@yahoo.com">
                                            userwow@yahoo.com </a>
                                    </td>
                                    <td>
                                        <span class="label label-sm label-success">
                                            Approved </span>
                                    </td>
                                </tr>
                                <tr class="odd gradeX">
                                    <td>
                                        <input type="checkbox" class="checkboxes" value="1"/>
                                    </td>
                                    <td>
                                        user1wow
                                    </td>
                                    <td>
                                        <a href="mailto:userwow@gmail.com">
                                            userwow@gmail.com </a>
                                    </td>
                                    <td>
                                        <span class="label label-sm label-default">
                                            Blocked </span>
                                    </td>
                                </tr>
                                <tr class="odd gradeX">
                                    <td>
                                        <input type="checkbox" class="checkboxes" value="1"/>
                                    </td>
                                    <td>
                                        restest
                                    </td>
                                    <td>
                                        <a href="mailto:userwow@gmail.com">
                                            test@gmail.com </a>
                                    </td>
                                    <td>
                                        <span class="label label-sm label-success">
                                            Approved </span>
                                    </td>
                                </tr>
                                <tr class="odd gradeX">
                                    <td>
                                        <input type="checkbox" class="checkboxes" value="1"/>
                                    </td>
                                    <td>
                                        foopl
                                    </td>
                                    <td>
                                        <a href="mailto:userwow@gmail.com">
                                            good@gmail.com </a>
                                    </td>
                                    <td>
                                        <span class="label label-sm label-success">
                                            Approved </span>
                                    </td>
                                </tr>
                                <tr class="odd gradeX">
                                    <td>
                                        <input type="checkbox" class="checkboxes" value="1"/>
                                    </td>
                                    <td>
                                        weep
                                    </td>
                                    <td>
                                        <a href="mailto:userwow@gmail.com">
                                            good@gmail.com </a>
                                    </td>
                                    <td>
                                        <span class="label label-sm label-success">
                                            Approved </span>
                                    </td>
                                </tr>
                                <tr class="odd gradeX">
                                    <td>
                                        <input type="checkbox" class="checkboxes" value="1"/>
                                    </td>
                                    <td>
                                        coop
                                    </td>
                                    <td>
                                        <a href="mailto:userwow@gmail.com">
                                            good@gmail.com </a>
                                    </td>
                                    <td>
                                        <span class="label label-sm label-success">
                                            Approved </span>
                                    </td>
                                </tr>
                                <tr class="odd gradeX">
                                    <td>
                                        <input type="checkbox" class="checkboxes" value="1"/>
                                    </td>
                                    <td>
                                        pppol
                                    </td>
                                    <td>
                                        <a href="mailto:userwow@gmail.com">
                                            good@gmail.com </a>
                                    </td>
                                    <td>
                                        <span class="label label-sm label-success">
                                            Approved </span>
                                    </td>
                                </tr>
                                <tr class="odd gradeX">
                                    <td>
                                        <input type="checkbox" class="checkboxes" value="1"/>
                                    </td>
                                    <td>
                                        test
                                    </td>
                                    <td>
                                        <a href="mailto:userwow@gmail.com">
                                            good@gmail.com </a>
                                    </td>
                                    <td>
                                        <span class="label label-sm label-success">
                                            Approved </span>
                                    </td>
                                </tr>
                                <tr class="odd gradeX">
                                    <td>
                                        <input type="checkbox" class="checkboxes" value="1"/>
                                    </td>
                                    <td>
                                        userwow
                                    </td>
                                    <td>
                                        <a href="mailto:userwow@gmail.com">
                                            userwow@gmail.com </a>
                                    </td>
                                    <td>
                                        <span class="label label-sm label-default">
                                            Blocked </span>
                                    </td>
                                </tr>
                                <tr class="odd gradeX">
                                    <td>
                                        <input type="checkbox" class="checkboxes" value="1"/>
                                    </td>
                                    <td>
                                        test
                                    </td>
                                    <td>
                                        <a href="mailto:userwow@gmail.com">
                                            test@gmail.com </a>
                                    </td>
                                    <td>
                                        <span class="label label-sm label-success">
                                            Approved </span>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <!-- END EXAMPLE TABLE PORTLET-->
            </div>
        </div>






        <div class="row">
            <div class="col-md-12 clinick">
                <!-- BEGIN SAMPLE FORM PORTLET-->
                <div class="portlet light">
                    <div class="portlet-title">
                        <div class="caption font-green-haze">
                            <i class="icon-settings font-green-haze"></i>
                            <span class="caption-subject bold uppercase"> Horizontal Form</span>
                        </div>
                        <div class="actions">
                            <a class="btn btn-circle btn-icon-only blue" href="javascript:;">
                                <i class="icon-cloud-upload"></i>
                            </a>
                            <a class="btn btn-circle btn-icon-only green" href="javascript:;">
                                <i class="icon-wrench"></i>
                            </a>
                            <a class="btn btn-circle btn-icon-only red" href="javascript:;">
                                <i class="fa fa-close"></i>
                            </a>
                            <a class="btn btn-circle btn-icon-only btn-default fullscreen" href="javascript:;" data-original-title="" title="">
                            </a>
                        </div>
                    </div>
                    <div class="portlet-body form">
                        <form role="form" class="form-horizontal">
                            <div class="form-body">
                                <div class="form-group form-md-line-input">
                                    <label class="col-md-2 control-label" for="form_control_1">Regular input</label>
                                    <div class="col-md-10">
                                        <input type="text" class="form-control" id="form_control_1" placeholder="Enter your name">
                                        <div class="form-control-focus">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group form-md-line-input">
                                    <label class="col-md-2 control-label" for="form_control_1">Input with hint</label>
                                    <div class="col-md-10">
                                        <input type="text" class="form-control" id="form_control_1" placeholder="Enter your email">
                                        <div class="form-control-focus">
                                        </div>
                                        <span class="help-block">Some help goes here...</span>
                                    </div>
                                </div>
                                <div class="form-group form-md-line-input has-success">
                                    <label class="col-md-2 control-label" for="form_control_1">Success Input</label>
                                    <div class="col-md-10">
                                        <input type="text" class="form-control" id="form_control_1" placeholder="Success state">
                                        <div class="form-control-focus">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group form-md-line-input has-warning">
                                    <label class="col-md-2 control-label" for="form_control_1">Warning Input</label>
                                    <div class="col-md-10">
                                        <input type="text" class="form-control" id="form_control_1" placeholder="Warning state">
                                        <div class="form-control-focus">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group form-md-line-input has-error">
                                    <label class="col-md-2 control-label" for="form_control_1">Error State</label>
                                    <div class="col-md-10">
                                        <input type="text" class="form-control" id="form_control_1" placeholder="Error state">
                                        <div class="form-control-focus">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group form-md-line-input">
                                    <label class="col-md-2 control-label" for="form_control_1">Dropdown Input</label>
                                    <div class="col-md-10">
                                        <select class="form-control" id="form_control_1">
                                            <option value=""></option>
                                            <option value="">Option 1</option>
                                            <option value="">Option 2</option>
                                            <option value="">Option 3</option>
                                            <option value="">Option 4</option>
                                        </select>
                                        <div class="form-control-focus">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group form-md-line-input has-success">
                                    <label class="col-md-2 control-label" for="form_control_1">Textarea</label>
                                    <div class="col-md-10">
                                        <textarea class="form-control" rows="3" placeholder="Enter more text"></textarea>
                                        <div class="form-control-focus">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group form-md-line-input">
                                    <label class="col-md-2 control-label" for="form_control_1">Disabled</label>
                                    <div class="col-md-10">
                                        <input type="text" class="form-control" disabled id="form_control_1" placeholder="Placeholder...">
                                        <div class="form-control-focus">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group form-md-line-input">
                                    <label class="col-md-2 control-label" for="form_control_1">Readonly</label>
                                    <div class="col-md-10">
                                        <input type="text" class="form-control" readonly value="Some value" id="form_control_1" placeholder="Placeholder...">
                                        <div class="form-control-focus">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group form-md-line-input">
                                    <label class="col-md-2 control-label" for="form_control_1">Readonly</label>
                                    <div class="col-md-10">
                                        <div class="form-control form-control-static">
                                            email@example.com
                                        </div>
                                        <div class="form-control-focus">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group form-md-line-input">
                                    <label class="col-md-2 control-label" for="form_control_1">Small</label>
                                    <div class="col-md-10">
                                        <input type="text" class="form-control input-sm" id="form_control_1" placeholder=".input-sm">
                                        <div class="form-control-focus">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group form-md-line-input">
                                    <label class="col-md-2 control-label" for="form_control_1">Large</label>
                                    <div class="col-md-10">
                                        <input type="text" class="form-control input-lg" id="form_control_1" placeholder=".input-lg">
                                        <div class="form-control-focus">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-actions">
                                <div class="row">
                                    <div class="col-md-offset-2 col-md-10">
                                        <button type="button" class="btn default">Cancel</button>
                                        <button type="button" class="btn blue">Submit</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <!-- END SAMPLE FORM PORTLET-->
                <!-- BEGIN SAMPLE FORM PORTLET-->
                <div class="portlet light">
                    <div class="portlet-title">
                        <div class="caption font-green-haze">
                            <i class="icon-settings font-green-haze"></i>
                            <span class="caption-subject bold uppercase"> Checkbox & Radios</span>
                        </div>
                        <div class="actions">
                            <a class="btn btn-circle btn-icon-only blue" href="javascript:;">
                                <i class="icon-cloud-upload"></i>
                            </a>
                            <a class="btn btn-circle btn-icon-only green" href="javascript:;">
                                <i class="icon-wrench"></i>
                            </a>
                            <a class="btn btn-circle btn-icon-only red" href="javascript:;">
                                <i class="fa fa-close"></i>
                            </a>
                            <a class="btn btn-circle btn-icon-only btn-default fullscreen" href="javascript:;" data-original-title="" title="">
                            </a>
                        </div>
                    </div>
                    <div class="portlet-body form">
                        <form role="form" class="form-horizontal">
                            <div class="form-body">
                                <div class="form-group form-md-line-input">
                                    <label class="col-md-2 control-label" for="form_control_1">Checkboxes</label>
                                    <div class="col-md-10">
                                        <div class="md-checkbox-list">
                                            <div class="md-checkbox">
                                                <input type="checkbox" id="checkbox30" class="md-check">
                                                <label for="checkbox30">
                                                    <span></span>
                                                    <span class="check"></span>
                                                    <span class="box"></span>
                                                    Option 1 </label>
                                            </div>
                                            <div class="md-checkbox has-error">
                                                <input type="checkbox" id="checkbox31" class="md-check" checked>
                                                <label for="checkbox31">
                                                    <span></span>
                                                    <span class="check"></span>
                                                    <span class="box"></span>
                                                    Option 2 </label>
                                            </div>
                                            <div class="md-checkbox has-warning">
                                                <input type="checkbox" id="checkbox32" class="md-check">
                                                <label for="checkbox32">
                                                    <span></span>
                                                    <span class="check"></span>
                                                    <span class="box"></span>
                                                    Option 3 </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group form-md-line-input">
                                    <label class="col-md-2 control-label" for="form_control_1">Inline Checkboxes</label>
                                    <div class="col-md-10">
                                        <div class="md-checkbox-inline">
                                            <div class="md-checkbox">
                                                <input type="checkbox" id="checkbox33" class="md-check">
                                                <label for="checkbox33">
                                                    <span></span>
                                                    <span class="check"></span>
                                                    <span class="box"></span>
                                                    Option 1 </label>
                                            </div>
                                            <div class="md-checkbox has-error">
                                                <input type="checkbox" id="checkbox34" class="md-check" checked>
                                                <label for="checkbox34">
                                                    <span></span>
                                                    <span class="check"></span>
                                                    <span class="box"></span>
                                                    Option 2 </label>
                                            </div>
                                            <div class="md-checkbox has-info">
                                                <input type="checkbox" id="checkbox35" class="md-check">
                                                <label for="checkbox35">
                                                    <span></span>
                                                    <span class="check"></span>
                                                    <span class="box"></span>
                                                    Option 3 </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group form-md-line-input">
                                    <label class="col-md-2 control-label" for="form_control_1">Radios</label>
                                    <div class="col-md-10">
                                        <div class="md-radio-list">
                                            <div class="md-radio">
                                                <input type="radio" id="radio50" name="radio211" class="md-radiobtn">
                                                <label for="radio50">
                                                    <span></span>
                                                    <span class="check"></span>
                                                    <span class="box"></span>
                                                    Option 1 </label>
                                            </div>
                                            <div class="md-radio has-error">
                                                <input type="radio" id="radio51" name="radio211" class="md-radiobtn" checked>
                                                <label for="radio51">
                                                    <span></span>
                                                    <span class="check"></span>
                                                    <span class="box"></span>
                                                    Option 2 </label>
                                            </div>
                                            <div class="md-radio has-warning">
                                                <input type="radio" id="radio52" name="radio231" class="md-radiobtn">
                                                <label for="radio52">
                                                    <span></span>
                                                    <span class="check"></span>
                                                    <span class="box"></span>
                                                    Option 3 </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group form-md-line-input">
                                    <label class="col-md-2 control-label" for="form_control_1">Inline Radios</label>
                                    <div class="col-md-10">
                                        <div class="md-radio-inline">
                                            <div class="md-radio">
                                                <input type="radio" id="radio53" name="radio2" class="md-radiobtn">
                                                <label for="radio53">
                                                    <span></span>
                                                    <span class="check"></span>
                                                    <span class="box"></span>
                                                    Option 1 </label>
                                            </div>
                                            <div class="md-radio has-error">
                                                <input type="radio" id="radio54" name="radio2" class="md-radiobtn" checked>
                                                <label for="radio54">
                                                    <span></span>
                                                    <span class="check"></span>
                                                    <span class="box"></span>
                                                    Option 2 </label>
                                            </div>
                                            <div class="md-radio has-warning">
                                                <input type="radio" id="radio55" name="radio2" class="md-radiobtn">
                                                <label for="radio55">
                                                    <span></span>
                                                    <span class="check"></span>
                                                    <span class="box"></span>
                                                    Option 3 </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-actions">
                                <div class="row">
                                    <div class="col-md-offset-2 col-md-10">
                                        <button type="button" class="btn default">Cancel</button>
                                        <button type="button" class="btn blue">Submit</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <!-- END SAMPLE FORM PORTLET-->
                <!-- BEGIN SAMPLE FORM PORTLET-->
                <div class="portlet light">
                    <div class="portlet-title">
                        <div class="caption font-green-haze">
                            <i class="icon-settings font-green-haze"></i>
                            <span class="caption-subject bold uppercase"> Input Groups & Icons</span>
                        </div>
                        <div class="actions">
                            <a class="btn btn-circle btn-icon-only blue" href="javascript:;">
                                <i class="icon-cloud-upload"></i>
                            </a>
                            <a class="btn btn-circle btn-icon-only green" href="javascript:;">
                                <i class="icon-wrench"></i>
                            </a>
                            <a class="btn btn-circle btn-icon-only red" href="javascript:;">
                                <i class="fa fa-close"></i>
                            </a>
                            <a class="btn btn-circle btn-icon-only btn-default fullscreen" href="javascript:;" data-original-title="" title="">
                            </a>
                        </div>
                    </div>
                    <div class="portlet-body form">
                        <form role="form" class="form-horizontal">
                            <div class="form-body">
                                <div class="form-group form-md-line-input has-danger">
                                    <label class="col-md-2 control-label" for="form_control_1">Left icon</label>
                                    <div class="col-md-10">
                                        <div class="input-icon">
                                            <input type="text" class="form-control" placeholder="Left icon">
                                            <div class="form-control-focus">
                                            </div>
                                            <span class="help-block">Some help goes here...</span>
                                            <i class="fa fa-bell-o"></i>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group form-md-line-input has-success">
                                    <label class="col-md-2 control-label" for="form_control_1">Right icon</label>
                                    <div class="col-md-10">
                                        <div class="input-icon right">
                                            <input type="text" class="form-control" placeholder="Right icon">
                                            <div class="form-control-focus">
                                            </div>
                                            <span class="help-block">Some help goes here...</span>
                                            <i class="icon-user"></i>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group form-md-line-input">
                                    <label class="col-md-2 control-label" for="form_control_1">Input Group</label>
                                    <div class="col-md-10">
                                        <div class="input-group has-success">
                                            <span class="input-group-addon">
                                                <i class="fa fa-envelope"></i>
                                            </span>
                                            <input type="text" class="form-control" placeholder="Email Address">
                                            <div class="form-control-focus">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group form-md-line-input has-info">
                                    <label class="col-md-2 control-label" for="form_control_1">Input Group</label>
                                    <div class="col-md-10">
                                        <div class="input-group">
                                            <input type="text" class="form-control" placeholder="Email Address">
                                            <div class="form-control-focus">
                                            </div>
                                            <span class="input-group-addon">
                                                <i class="fa fa-envelope"></i>
                                            </span>
                                            <span class="help-block">Some help goes here...</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group form-md-line-input">
                                    <label class="col-md-2 control-label" for="form_control_1">Both Addons</label>
                                    <div class="col-md-10">
                                        <div class="input-group">
                                            <span class="input-group-addon">$</span>
                                            <input type="text" class="form-control" placeholder="Enter amount">
                                            <div class="form-control-focus">
                                            </div>
                                            <span class="input-group-addon">.00</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group form-md-line-input">
                                    <label class="col-md-2 control-label" for="form_control_1">Action Button</label>
                                    <div class="col-md-10">
                                        <div class="input-group">
                                            <span class="input-group-btn btn-left">
                                                <button class="btn blue-madison" type="button">Go!</button>
                                            </span>
                                            <div class="input-group-control">
                                                <input type="text" class="form-control" placeholder="Placeholder">
                                                <div class="form-control-focus">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group form-md-line-input">
                                    <label class="col-md-2 control-label" for="form_control_1">Dropdowm Menu</label>
                                    <div class="col-md-10">
                                        <div class="input-group">
                                            <div class="input-group-control">
                                                <input type="text" class="form-control" placeholder="Placeholder">
                                                <div class="form-control-focus">
                                                </div>
                                            </div>
                                            <span class="input-group-btn btn-right">
                                                <button type="button" class="btn green-haze dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                                                    Action <i class="fa fa-angle-down"></i>
                                                </button>
                                                <ul class="dropdown-menu pull-right" role="menu">
                                                    <li>
                                                        <a href="javascript:;">Action</a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;">Another action</a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;">Something else here</a>
                                                    </li>
                                                    <li class="divider">
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;">Separated link</a>
                                                    </li>
                                                </ul>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group form-md-line-input">
                                    <label class="col-md-2 control-label" for="form_control_1">Action Buttons(small size)</label>
                                    <div class="col-md-10">
                                        <div class="input-group input-group-sm">
                                            <span class="input-group-btn btn-left">
                                                <button class="btn red-intense" type="button">Go!</button>
                                            </span>
                                            <div class="input-group-control">
                                                <input type="text" class="form-control input-sm" placeholder=".input-sm">
                                                <div class="form-control-focus">
                                                </div>
                                            </div>
                                            <span class="input-group-btn btn-right">
                                                <button class="btn green-haze" type="button">Go!</button>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group form-md-line-input">
                                    <label class="col-md-2 control-label" for="form_control_1">Action Buttons(large size)</label>
                                    <div class="col-md-10">
                                        <div class="input-group input-group-lg">
                                            <span class="input-group-btn btn-left">
                                                <button class="btn red-intense" type="button">Go!</button>
                                            </span>
                                            <div class="input-group-control">
                                                <input type="text" class="form-control input-lg" placeholder=".input-lg">
                                                <div class="form-control-focus">
                                                </div>
                                            </div>
                                            <span class="input-group-btn btn-right">
                                                <button class="btn green-haze" type="button">Go!</button>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-actions margin-top-10">
                                <div class="row">
                                    <div class="col-md-offset-2 col-md-10">
                                        <button type="button" class="btn default">Cancel</button>
                                        <button type="button" class="btn blue">Submit</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <!-- END SAMPLE FORM PORTLET-->
            </div>
        </div>
        <div class="row">



            <a class="btn default" data-toggle="modal" href="#long" >
                View modal with print his body button </a>





            <div id="long" class="modal fade modal-scroll" tabindex="-1" data-replace="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close hidden-print" data-dismiss="modal" aria-hidden="true"></button>
                            <h4 class="modal-title">A Fairly Long Modal</h4>
                        </div>
                        <div class="modal-body" id="prin2">
                            Body here to print
                        </div>
                        <div class="modal-footer">
                            <button type="button" data-dismiss="modal" class="btn hidden-print">Close</button>
                            <button type="button" id="print1" class="btn red hidden-print">print</button>
                        </div>
                    </div>
                </div>
            </div>













            <div class="row">
                <div class="col-md-12">
                    <!-- BEGIN EXAMPLE TABLE PORTLET-->
                    <div class="portlet box green">
                        <div class="portlet-title">
                            <div class="caption">
                                <i class="fa fa-cogs"></i>Table
                            </div>
                            <div class="actions">
                                <a href="javascript:;" class="btn btn-default btn-sm">
                                    <i class="fa fa-plus"></i> Add </a>
                                <a href="javascript:;" class="btn btn-default btn-sm">
                                    <i class="fa fa-print"></i> Print </a>
                            </div>
                        </div>
                        <div class="portlet-body">
                            <table class="table table-striped table-bordered table-hover" id="sample_3">
                                <thead>
                                    <tr>
                                        <th class="table-checkbox">
                                            <input type="checkbox" class="group-checkable" data-set="#sample_3 .checkboxes"/>
                                        </th>
                                        <th>
                                            Username
                                        </th>
                                        <th>
                                            Email
                                        </th>
                                        <th>
                                            Status
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr class="odd gradeX">
                                        <td>
                                            <input type="checkbox" class="checkboxes" value="1"/>
                                        </td>
                                        <td>
                                            shuxer
                                        </td>
                                        <td>
                                            <a href="mailto:shuxer@gmail.com">
                                                shuxer@gmail.com </a>
                                        </td>
                                        <td>
                                            <span class="label label-sm label-success">
                                                Approved </span>
                                        </td>
                                    </tr>
                                    <tr class="odd gradeX">
                                        <td>
                                            <input type="checkbox" class="checkboxes" value="1"/>
                                        </td>
                                        <td>
                                            looper
                                        </td>
                                        <td>
                                            <a href="mailto:looper90@gmail.com">
                                                looper90@gmail.com </a>
                                        </td>
                                        <td>
                                            <span class="label label-sm label-warning">
                                                Suspended </span>
                                        </td>
                                    </tr>
                                    <tr class="odd gradeX">
                                        <td>
                                            <input type="checkbox" class="checkboxes" value="1"/>
                                        </td>
                                        <td>
                                            userwow
                                        </td>
                                        <td>
                                            <a href="mailto:userwow@yahoo.com">
                                                userwow@yahoo.com </a>
                                        </td>
                                        <td>
                                            <span class="label label-sm label-success">
                                                Approved </span>
                                        </td>
                                    </tr>
                                    <tr class="odd gradeX">
                                        <td>
                                            <input type="checkbox" class="checkboxes" value="1"/>
                                        </td>
                                        <td>
                                            user1wow
                                        </td>
                                        <td>
                                            <a href="mailto:userwow@gmail.com">
                                                userwow@gmail.com </a>
                                        </td>
                                        <td>
                                            <span class="label label-sm label-default">
                                                Blocked </span>
                                        </td>
                                    </tr>
                                    <tr class="odd gradeX">
                                        <td>
                                            <input type="checkbox" class="checkboxes" value="1"/>
                                        </td>
                                        <td>
                                            restest
                                        </td>
                                        <td>
                                            <a href="mailto:userwow@gmail.com">
                                                test@gmail.com </a>
                                        </td>
                                        <td>
                                            <span class="label label-sm label-success">
                                                Approved </span>
                                        </td>
                                    </tr>
                                    <tr class="odd gradeX">
                                        <td>
                                            <input type="checkbox" class="checkboxes" value="1"/>
                                        </td>
                                        <td>
                                            foopl
                                        </td>
                                        <td>
                                            <a href="mailto:userwow@gmail.com">
                                                good@gmail.com </a>
                                        </td>
                                        <td>
                                            <span class="label label-sm label-success">
                                                Approved </span>
                                        </td>
                                    </tr>
                                    <tr class="odd gradeX">
                                        <td>
                                            <input type="checkbox" class="checkboxes" value="1"/>
                                        </td>
                                        <td>
                                            weep
                                        </td>
                                        <td>
                                            <a href="mailto:userwow@gmail.com">
                                                good@gmail.com </a>
                                        </td>
                                        <td>
                                            <span class="label label-sm label-success">
                                                Approved </span>
                                        </td>
                                    </tr>
                                    <tr class="odd gradeX">
                                        <td>
                                            <input type="checkbox" class="checkboxes" value="1"/>
                                        </td>
                                        <td>
                                            coop
                                        </td>
                                        <td>
                                            <a href="mailto:userwow@gmail.com">
                                                good@gmail.com </a>
                                        </td>
                                        <td>
                                            <span class="label label-sm label-success">
                                                Approved </span>
                                        </td>
                                    </tr>
                                    <tr class="odd gradeX">
                                        <td>
                                            <input type="checkbox" class="checkboxes" value="1"/>
                                        </td>
                                        <td>
                                            pppol
                                        </td>
                                        <td>
                                            <a href="mailto:userwow@gmail.com">
                                                good@gmail.com </a>
                                        </td>
                                        <td>
                                            <span class="label label-sm label-success">
                                                Approved </span>
                                        </td>
                                    </tr>
                                    <tr class="odd gradeX">
                                        <td>
                                            <input type="checkbox" class="checkboxes" value="1"/>
                                        </td>
                                        <td>
                                            test
                                        </td>
                                        <td>
                                            <a href="mailto:userwow@gmail.com">
                                                good@gmail.com </a>
                                        </td>
                                        <td>
                                            <span class="label label-sm label-success">
                                                Approved </span>
                                        </td>
                                    </tr>
                                    <tr class="odd gradeX">
                                        <td>
                                            <input type="checkbox" class="checkboxes" value="1"/>
                                        </td>
                                        <td>
                                            userwow
                                        </td>
                                        <td>
                                            <a href="mailto:userwow@gmail.com">
                                                userwow@gmail.com </a>
                                        </td>
                                        <td>
                                            <span class="label label-sm label-default">
                                                Blocked </span>
                                        </td>
                                    </tr>
                                    <tr class="odd gradeX">
                                        <td>
                                            <input type="checkbox" class="checkboxes" value="1"/>
                                        </td>
                                        <td>
                                            test
                                        </td>
                                        <td>
                                            <a href="mailto:userwow@gmail.com">
                                                test@gmail.com </a>
                                        </td>
                                        <td>
                                            <span class="label label-sm label-success">
                                                Approved </span>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!-- END EXAMPLE TABLE PORTLET-->
                </div>
            </div>










        </div>
    </div>
</div>
<!-- END CONTENT -->

















