<div class="col-sm-10 ">
    <div class="col-sm-12 gray" style="padding: 10px 50px 50px 50px">

        <h3 class="page-header" style="border-bottom: 2px solid #8CC73F;margin-top: 0px;padding-top: 0px" >User Email</h3>

        <div class="table-responsive col-sm-12">

            <form  id="formID2" action="<?php echo base_url() ?>index.php/welcome/<?php echo $active_sub_menu; ?>" method="post" name="userForm" enctype="multipart/form-data" >
                <div class="form-group col-sm-12">
                 
                    <div class="form-group col-sm-12 padding-zero">
                        <!--<label class="col-sm-1 text-left padding-zero" for="person_status"> Status : &nbsp;</label>-->
                        <div class=" col-sm-3 ">
                          <div class="checkbox checkbox-success">
                            <input id="all_user" class="styled" type="checkbox"><label for="all_user">all_user</label>
                        </div>
                        </div>
                        <div class=" col-sm-3 ">
                          <div class="checkbox checkbox-success">
                            <input id="sup_admin" class="styled" type="checkbox"><label for="Admin/Superadmin">Admin/Superadmin</label>
                        </div>
                        </div>
                        <div class=" col-sm-3 ">
                          <div class="checkbox checkbox-success">
                            <input id="account" class="styled" type="checkbox"><label for="Account Officer">Account Officer</label>
                        </div>
                        </div>
                        <div class=" col-sm-12"></div>
                        <div class=" col-sm-3 ">
                          <div class="checkbox checkbox-success">
                            <input id="organization" class="styled" type="checkbox"><label for="Organization">Organization</label>
                        </div>
                        </div>
                        <div class=" col-sm-3 ">
                          <div class="checkbox checkbox-success">
                            <input id="resource_person" class="styled" type="checkbox"><label for="Resource_person">ResourcePersonr</label>
                        </div>
                        </div>
                        <div class=" col-sm-3 ">
                          <div class="checkbox checkbox-success">
                            <input id="learner" class="styled" type="checkbox"><label for="learner">Learner</label>
                        </div>
                        </div>
                            

                    </div>
                  
                    <div class="form-group col-sm-10">
                        <center><textarea style="max-width: 850px" name="person_address" rows="1" class="form-control" placeholder="Please type user email address or name"></textarea></center>
                    </div>

                    <div class="form-group col-sm-10">
                        <input type="text" name="subject"  class="form-control" value=""  placeholder="Please Type subject">
                    </div>

                    <div class="form-group col-sm-10">
                        <div class="input-group " id="screen1280" >
                            <center> <textarea   class="form-control  resoulation1280 " rows="4"   ></textarea></center>
                        </div>

                        <div class="input-group" id="screen1024" >
                           <center>  <textarea   class="form-control  resoulation1024 " rows="4"   ></textarea><center> 
                        </div>
                        <div class="input-group" id="screenMobile" >
                          <center>   <textarea   class="form-control  resoulationMobile " rows="4"   ></textarea><center> 
                        </div>

                        <div class="input-group " id="screenMobile_max499" >
                           <center>  <textarea   class="form-control  resoulationMobile_max499 " rows="4"   ></textarea><center> 
                        </div>
                    </div>

                </div>

                <div class="form-group col-sm-10">


                    <div class="form-group col-sm-5" style="margin-left: 95px;">
                        <div id="image_field">
                            <script>
                                $(":file").filestyle({icon: false});</script>
                            <input type="file" class="filestyle" data-icon="false" >
                        </div>
                        <div id="image" style="float:left;width: 150px; height: 50px;" > </div>

                    </div>
                    <div class="form-group col-sm-4 text-right">
                        <a href="#"><i  onclick="" class="fa fa-times fa-2x" title="Cancel"></i></a>
                        &nbsp;&nbsp;&nbsp;
                        <a href="#"><i  onclick="" class="fa fa-send fa-2x" title="Send Message"></i></a>
                    </div>
                </div>
            </form>
        </div>


    </div>
</div>