<div class="col-sm-8 ">
    <div class="col-sm-12 gray">

            <div class="form-group col-sm-12">
                <h3>Add Publication</h3>
            </div>
            <form  id="formID2" action="#" method="post" name="Publicationorm" enctype="multipart/form-data" >


                    <div class="form-group col-sm-12">
                        <input type="text" 
                               data-errormessage-value-missing="Publication title is required!"
                               class="form-control " 
                               id="" 
                               name="" 
                               value=""
                               placeholder="Please type publication title" >
                    </div>

                    <div class="form-group col-sm-6">
                        <div class='input-group' id="datetimepicker1">
                            <input type="text" 
                                   data-errormessage-value-missing="Class Time is Required!"
                                   class="form-control "
                                   id="class_time" 
                                   name="class_time" 
                                   placeholder="Start Date"  
                                   value=""
                                   title="Start Date"/>
                            <span class="input-group-addon"  style="cursor: pointer">
                                <span class="glyphicon glyphicon-calendar"></span>
                            </span>
                        </div>
                    </div>


                    <div class="form-group col-sm-6">
                        <div class='input-group' id="datetimepicker5">
                            <input type="text" 
                                   data-errormessage-value-missing="Finish Date is Required!"
                                   class="form-control "
                                   id="class_time" 
                                   name="class_time" 
                                   placeholder="Finish Date"  
                                   value=""
                                   title="Finish  Date"/>
                            <span class="input-group-addon" style="cursor: pointer">
                                <span class="glyphicon glyphicon-calendar"></span>
                            </span>
                        </div>
                    </div>
                
                
                     <div class="form-group col-sm-12">
                        <input type="text" 
                               data-errormessage-value-missing="Add moderator is required!"
                               class="form-control " 
                               id="" 
                               name="" 
                               value=""
                               placeholder="Please type add moderator">
                    </div>
                    

                    <div class="form-group col-sm-6 margin-zero">
                        <script>$(":file").filestyle({icon: false});</script>
                        <input type="file" class="filestyle" data-icon="false">
                    </div>
                
                    <div class="form-group col-sm-6">
                       Upload Doc/Docx file
                    </div>

                <div class="form-group col-sm-6" style="margin-top: 12px">
                        <script>$(":file").filestyle({icon: false});</script>
                        <input type="file" class="filestyle" data-icon="false" >
                    </div>
                
                    <div class="form-group col-sm-6" style="margin-top: 15px">
                       Upload ppt/ pptx file
                    </div>


                    <div class="col-sm-12 form-group" ><br>
                        <div class="form-group col-sm-3 col-sm-offset-3"><button type="submit" id="submit" class="btn btn-success ">Add Publication</button></div>
                        <div class="form-group col-sm-2"><a href="" class="btn btn-success ">Cancel</a></div>
                    </div>

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