 	<!--Success! - Insert-->
  	<div class="modal fade" id="insert_Success" tabindex="-1" role="dialog" aria-labelledby="insert_alert2" aria-hidden="true">
    	<div class="modal-dialog">    
        	<div class="modal-content">
        		<div class="modal-header bg-primary">
          			<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
          			<h4>Information...!</h4>
        		</div>
        		<div class="modal-body bgColorWhite">
        			<strong style="color:red;">Success!</strong> Your information has been successfully inserted in our database.
        		</div>
      		</div>      
		</div>
	</div><!--/.Modal--> 
    
    <!--Success! - Update-->
  	<div class="modal fade" id="update_Success" tabindex="-1" role="dialog" aria-labelledby="update_alert1" aria-hidden="true">
    	<div class="modal-dialog">    
      		<div class="modal-content">
        		<div class="modal-header bg-primary">
          			<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
          			<h4>Information...!</h4>
        		</div>
        		<div class="modal-body bgColorWhite">
        			<strong style="color:red;">Success!</strong> Your information has been successfully updated in our database.
        		</div>
      		</div>
    	</div>
	</div><!--/.Modal-Update feedback alert 1 --> 
  
	<!--Success! - Delete-->
  	<div class="modal fade" id="delete_Success" tabindex="-1" role="dialog" aria-labelledby="insert_alert1" aria-hidden="true">
    	<div class="modal-dialog">    
      		<div class="modal-content">
        		<div class="modal-header bg-primary">
          			<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
          			<h4>Information...!</h4>
        		</div>
        		<div class="modal-body bgColorWhite">
        			<strong style="color:red;">Success!</strong> Your information has been successfully deleted in our database.
        		</div>
      		</div>
    	</div>
  	</div><!--/.Modal--> 
    
    <!--Success! - Leave-->
  	<div class="modal fade" id="leave_Success" tabindex="-1" role="dialog" aria-labelledby="insert_alert1" aria-hidden="true">
    	<div class="modal-dialog">    
      		<div class="modal-content">
        		<div class="modal-header bg-primary">
          			<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
          			<h4>Information...!</h4>
        		</div>
        		<div class="modal-body bgColorWhite">
        			<strong style="color:red;">Success!</strong> The student has been successfully leave in our database.
        		</div>
      		</div>
    	</div>
  	</div><!--/.Modal--> 
    
    	<!--Success! - Approve-->
  	<div class="modal fade" id="approve_Success" tabindex="-1" role="dialog" aria-labelledby="insert_alert2" aria-hidden="true">
    	<div class="modal-dialog">    
        	<div class="modal-content">
        		<div class="modal-header bg-primary">
          			<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
          			<h4>Information...!</h4>
        		</div>
        		<div class="modal-body bgColorWhite">
        			<strong style="color:red;">Success!</strong> Petty Cash has been successfully Approved.
        		</div>
      		</div>      
		</div>
	</div><!--/.Modal-->
    
    <!--Something is wrong! - Connection Problem-->
	<div class="modal fade" id="connection_Problem" tabindex="-1" role="dialog" aria-labelledby="insert_alert3" aria-hidden="true">
    	<div class="modal-dialog">    
      		<div class="modal-content">
        		<div class="modal-header bg-purple-active">
          			<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
          			<h4>Information...!</h4>
        		</div>
        		<div class="modal-body bgColorWhite">
        			<strong style="color:red; font-size:14px">Something is wrong!</strong> Check your Internet Connection and try again.
        		</div>
      		</div>
		</div>
	</div><!--/.Modal>
    
    <!--You didn't make any changes.:D -->
  	<div class="modal fade" id="update_error1" tabindex="-1" role="dialog" aria-labelledby="update_alert2" aria-hidden="true">
    	<div class="modal-dialog">    
      		<div class="modal-content">
        		<div class="modal-header bg-green-active">
          			<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
          			<h4>Information...!</h4>
        		</div>
        		<div class="modal-body bgColorWhite">
        			<strong style="color:red;">Warnning!</strong> You didn't make any changes. <strong style="color:red;">:D</strong>
        		</div>
      		</div>
    	</div>
	</div><!--/.Modal-->
     
	<!--Warnning! - Classroom is Duplicated-->
	<div class="modal fade" id="classroom_Duplicated" tabindex="-1" role="dialog" aria-labelledby="insert_alert1" aria-hidden="true">
    	<div class="modal-dialog">    
      		<div class="modal-content">
        		<div class="modal-header bg-red-active">
          			<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
          			<h4>Information...!</h4>
        		</div>
        		<div class="modal-body bgColorWhite">
        			<strong style="color:red; font-size:14px">Warnning!</strong> This Classroom is already have in our Database.
        		</div>
			</div>
		</div>
	</div><!--/.Modal-->
    
    <!--Warnning! - Grade is Duplicated-->
	<div class="modal fade" id="grade_Duplicated" tabindex="-1" role="dialog" aria-labelledby="insert_alert1" aria-hidden="true">
    	<div class="modal-dialog">    
      		<div class="modal-content">
        		<div class="modal-header bg-red-active">
          			<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
          			<h4>Information...!</h4>
        		</div>
        		<div class="modal-body bgColorWhite">
        			<strong style="color:red; font-size:14px">Warnning!</strong> This Grade is already have in our Database.
        		</div>
			</div>
		</div>
	</div><!--/.Modal--> 
    
    <!--Warnning! - Subject is Duplicated-->
	<div class="modal fade" id="subject_Duplicated" tabindex="-1" role="dialog" aria-labelledby="insert_alert1" aria-hidden="true">
    	<div class="modal-dialog">    
      		<div class="modal-content">
        		<div class="modal-header bg-red-active">
          			<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
          			<h4>Information...!</h4>
        		</div>
        		<div class="modal-body bgColorWhite">
        			<strong style="color:red; font-size:14px">Warnning!</strong> This Subject is already have in our Database.
        		</div>
			</div>
		</div>
	</div><!--/.Modal--> 
    
      <!--Warnning! - Exam is Duplicated-->
	<div class="modal fade" id="exam_Duplicated" tabindex="-1" role="dialog" aria-labelledby="insert_alert1" aria-hidden="true">
    	<div class="modal-dialog">    
      		<div class="modal-content">
        		<div class="modal-header bg-red-active">
          			<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
          			<h4>Information...!</h4>
        		</div>
        		<div class="modal-body bgColorWhite">
        			<strong style="color:red; font-size:14px">Warnning!</strong> This Exam is already have in our Database.
        		</div>
			</div>
		</div>
	</div><!--/.Modal--> 
    
    <!--Warnning! - Index Number is Duplicated-->
  	<div class="modal fade" id="index_Duplicated" tabindex="-1" role="dialog" aria-labelledby="insert_alert1" aria-hidden="true">
    	<div class="modal-dialog">    
      		<div class="modal-content">
        		<div class="modal-header bg-red-active">
          			<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
          			<h4>Information...!</h4>
        		</div>
        		<div class="modal-body bgColorWhite">
        			<strong style="color:red; font-size:14px">Warnning!</strong> This Index Number already have in our Database.
        		</div>
      		</div>
    	</div>
	</div><!--/.Modal-->
    
    <!--Warnning! - Email Address is Duplicated-->
  	<div class="modal fade" id="email_Duplicated" tabindex="-1" role="dialog" aria-labelledby="insert_alert1" aria-hidden="true">
    	<div class="modal-dialog">    
      		<div class="modal-content">
        		<div class="modal-header bg-red-active">
          			<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
          			<h4>Information...!</h4>
        		</div>
        		<div class="modal-body bgColorWhite">
        			<strong style="color:red; font-size:14px">Warnning!</strong> This Email Address already have in our Database.
        		</div>
      		</div>
    	</div>
	</div><!--/.Modal-->
    
    <!--Warnning! - Index Number and Email Address are Duplicated-->
  	<div class="modal fade" id="index_email_Duplicated" tabindex="-1" role="dialog" aria-labelledby="insert_alert1" aria-hidden="true">
    	<div class="modal-dialog">    
      		<div class="modal-content">
        		<div class="modal-header bg-red-active">
          			<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
          			<h4>Information...!</h4>
        		</div>
        		<div class="modal-body bgColorWhite">
        			<strong style="color:red; font-size:14px">Warnning!</strong> This Index Number and Email Address already have in our Database.
        		</div>
      		</div>
    	</div>
	</div><!--/.Modal-->
    
    <!--Warnning! - Email Address is Duplicated-->
  	<div class="modal fade" id="exam_Duplicated" tabindex="-1" role="dialog" aria-labelledby="insert_alert1" aria-hidden="true">
    	<div class="modal-dialog">    
      		<div class="modal-content">
        		<div class="modal-header bg-red-active">
          			<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
          			<h4>Information...!</h4>
        		</div>
        		<div class="modal-body bgColorWhite">
        			<strong style="color:red; font-size:14px">Warnning!</strong> This Exam name already have in our Database.
        		</div>
      		</div>
    	</div>
	</div><!--/.Modal-->
    
     <!--Warnning! - Attendance is Duplicated-->
  	<div class="modal fade" id="attendance_Duplicated" tabindex="-1" role="dialog" aria-labelledby="insert_alert1" aria-hidden="true">
    	<div class="modal-dialog">    
      		<div class="modal-content">
        		<div class="modal-header bg-red-active">
          			<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
          			<h4>Information...!</h4>
        		</div>
        		<div class="modal-body bgColorWhite">
        			<strong style="color:red; font-size:14px">Warnning!</strong> Your Attendance already have in our Database.
        		</div>
      		</div>
    	</div>
	</div><!--/.Modal-->
    
    
    <!--Warnning! - For Subject Routing, -->
  	<div class="modal fade" id="duplicate_Record1" tabindex="-1" role="dialog" aria-labelledby="insert_alert1" aria-hidden="true">
    	<div class="modal-dialog">    
      		<div class="modal-content">
        		<div class="modal-header bg-red-active">
          			<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
          			<h4>Information...!</h4>
        		</div>
        		<div class="modal-body bgColorWhite">
        			<strong style="color:red; font-size:14px">Warnning!</strong> Duplicate Record.
        		</div>
      		</div>
    	</div>
	</div><!--/.Modal-->
    
     <!--Warnning! - For the Timetable -->
  	<div class="modal fade" id="duplicate_Record2" tabindex="-1" role="dialog" aria-labelledby="insert_alert1" aria-hidden="true">
    	<div class="modal-dialog">    
      		<div class="modal-content">
        		<div class="modal-header bg-red-active">
          			<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
          			<h4>Information...!</h4>
        		</div>
        		<div class="modal-body bgColorWhite">
        			<strong style="color:red; font-size:14px">Warnning!</strong> At this time there already have class, in that classroom. 
        		</div>
      		</div>
    	</div>
	</div><!--/.Modal-->
    
     <!--Warnning! - There haven't default image upload folder-->
  	<div class="modal fade" id="upload_error1" tabindex="-1" role="dialog" aria-labelledby="insert_alert1" aria-hidden="true">
    	<div class="modal-dialog">    
      		<div class="modal-content">
        		<div class="modal-header bg-red-active">
          			<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
          			<h4>Information...!</h4>
        		</div>
        		<div class="modal-body bgColorWhite">
        			<strong style="color:red; font-size:14px">Warnning!</strong> There haven't, default image upload folder.
        		</div>
      		</div>
    	</div>
	</div><!--/.Modal-->	
    
     <!--Warnning! - This Index Number haven't in our Database-->
  	<div class="modal fade" id="wrong_Index" tabindex="-1" role="dialog" aria-labelledby="insert_alert1" aria-hidden="true">
    	<div class="modal-dialog">    
      		<div class="modal-content">
        		<div class="modal-header bg-red-active">
          			<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
          			<h4>Information...!</h4>
        		</div>
        		<div class="modal-body bgColorWhite">
        			<strong style="color:red; font-size:14px">Warnning!</strong> This Index Number haven't in our Database.
        		</div>
      		</div>
    	</div>
	</div><!--/.Modal-->	