
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- multiselect table -->
<link rel="stylesheet" href="https://gyrocode.github.io/jquery-datatables-checkboxes/1.2.10/css/dataTables.checkboxes.css">
  <script src="https://unpkg.com/feather-icons"></script>

  <!-- core:css -->
  <link rel="stylesheet" href="assets/vendors/core/core.css">
  <!-- endinject -->
  <!-- plugin css for this page -->
  <link rel="stylesheet" href="assets/vendors/select2/select2.min.css">
  <link rel="stylesheet" href="assets/vendors/jquery-tags-input/jquery.tagsinput.min.css">

	<link rel="stylesheet" href="assets/vendors/dropzone/dropzone.min.css">
	<link rel="stylesheet" href="assets/vendors/dropify/dist/dropify.min.css">
	<link rel="stylesheet" href="assets/vendors/bootstrap-colorpicker/bootstrap-colorpicker.min.css">
	<link rel="stylesheet" href="assets/vendors/bootstrap-datepicker/bootstrap-datepicker.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="assets/vendors/tempusdominus-bootstrap-4/tempusdominus-bootstrap-4.min.css">
	<!-- end plugin css for this page -->
<!-- plugin css for this page -->
<link rel="stylesheet" href="assets/vendors/bootstrap-datepicker/bootstrap-datepicker.min.css">
<!-- end plugin css for this page -->
<!-- plugin css for this page -->
<link rel="stylesheet" href="assets/vendors/datatables.net-bs4/dataTables.bootstrap4.css">
<!-- Layout styles -->  

<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/custom.css">
<!-- End layout styles -->
<link rel="shortcut icon" href="assets/images/fav.png" />
<script src="https://unpkg.com/feather-icons/dist/feather.min.js"></script>





<style>
	
.round-loader{
    all: unset;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1000;
	display: flex;
	justify-content: center;
	align-items: center;
}
.round-loader .circle{
	display: flex;
	justify-content: center;
	align-items: center;
    height: 100px;
    width: 100px;
	border: 10px solid;
    border-right-color: transparent;
    border-left-color: rgba(0, 0, 0, 1);
    border-top-color: rgba(0, 0, 0, 1);
    border-bottom-color: rgba(0, 0, 0, 1);
    border-radius: 50%;
}
.animate_rotate{
	animation: rotate 0.7s infinite linear forwards;
}
@keyframes rotate {
	from{
		transform: rotateX(0deg);
	}
	to{
		transform: rotateZ(360deg);
	}
	
}
</style>
