<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>GOI</title>
  <meta content="" name="description">
  <meta content="" name="keywords">

  <!-- Favicons -->
  <link href="/assets/img/cropped-green-oil-favicon-192x192.png" rel="icon">
  <link href="/assets/img/cropped-green-oil-favicon-192x192.png" rel="apple-touch-icon">

  <!-- Google Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Amatic+SC:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="/assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="/assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="/assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

  <!-- Template Main CSS File -->
  <link href="/assets/css/main.css" rel="stylesheet">
  <link href="/assets/css/table-style.css" rel="stylesheet">

</head>


  <!-- Vendor JS Files -->
  <script src="/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="/assets/vendor/glightbox/js/glightbox.min.js"></script>
  <script src="/assets/vendor/purecounter/purecounter_vanilla.js"></script>
  <script src="/assets/vendor/swiper/swiper-bundle.min.js"></script>
  <script src="/assets/vendor/php-email-form/validate.js"></script>

  <!-- jQuery JS -->
  <script src="/assets/js/vendor/jquery-3.3.1.min.js"></script>

  <!-- Bootstrap JS -->
  <script src="/assets/js/vendor/bootstrap.min.js"></script>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.js"></script>
  


<style>
commonModal .modal-header {
    background-color: #2A9B56;

}
commonModal .modal-title {
    color: #fff;
}

commonModal button.btn-close {
    background-color: #ddd !important;
    border: 0px !important;
    padding: 5px 10px !important;
    border-radius: 3px !important;
    height:unset !important;
    line-height:unset !important;
    font-size:16px;
}
commonModal button.btn-close:hover {
    background-color: #b5b5b5 !important;
}

commonModal button.btn.btn-send{
    background-color: #77B469 !important;
    border: 0px !important;
    color:#fff;
    padding: 5px 10px !important;
    border-radius: 3px !important;
    height:unset !important;
    line-height:unset !important;
    font-size:16px;
}
commonModal button.btn.btn-send:hover{
    background-color: #3fb36c !important;

}


</style>
	
<body>





<!-- Common Modal -->
<div class="modal fade pop-modal-style" id="commonModal" data-backdrop="static" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
		        <div class="modal-header">
		            <!--button type="button" class="close" data-dismiss="modal">&times;</button-->
		            <h4 class="modal-title">MESSAGE</h4>
		        </div>
		        <div class="modal-body">
		            <div>
		                <p class="modal-alert"><?=$lib_message?></p>
		            </div>
		              
		        </div>
		        <div class="modal-footer">

		<? if ($lib_link != 1) { ?>
		            <button type="button" class="btn btn-sub" data-dismiss="modal" onClick="<?=$lib_link?>">Close</button>
		<? } else { ?>
								<button type="button" class="btn btn-sub" data-dismiss="modal">Close</button>
		<? } ?>

		        </div>
        </div>
        
    </div>
</div>
  
<script type='text/javascript'>
$(document).ready(function() {
		$('#commonModal').modal({backdrop: 'static'});
		$('#commonModal').modal('show');
		//setTimeout(function(){$('#myModal').modal('hide')},3000);
});
</script>

<script>
  $("button[data-dismiss=modal]").click(function()
  {
  	$("#myModalDailyRecord").modal('hide');
    $("#commonModal").modal('hide');
    
    
		//$('body').removeClass('modal-open');
		//$('.modal-backdrop').remove();
  });
</script>


</body>

</html>
