<html lang="en">
<head>
	<meta charset="utf-8">
	<meta content="width=device-width, initial-scale=1.0" name="viewport">
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />

	<title><?php if(isset($title) && !empty($title)){echo $title.' | ';} ?><?=GetProjectName();?></title><!DOCTYPE html>
	<meta content="<?=GetProjectName();?>" name="description">
	<meta content="<?=GetProjectName();?>" name="keywords">


	<!-- Favicons -->
	<link href="<?=base_url('assets/img/favicon.png'); ?>" rel="icon">
	<link href="<?=base_url('assets/img/apple-touch-icon.png');?>" rel="apple-touch-icon">

	<!-- Core theme CSS (includes Bootstrap)-->
	<link rel="stylesheet" href="<?=base_url('assets/vendor/bootstrap/css/bootstrap.min.css');?>" rel="stylesheet">
	<link rel="stylesheet" href="<?=base_url('admin_assets/css/style.css')?>" rel="stylesheet" />
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	<script type="text/javascript" src="<?=base_url('assets/js/jquery.min.js')?>"></script>


	<!-- dataTables -->
	<link rel="stylesheet" type="text/css" href="<?=base_url('admin_assets/css/jquery.dataTables.css');?>">
	<script type="text/javascript" src="<?=base_url('admin_assets/js/jquery.dataTables.js'); ?>"></script>
	<!-- dataTables -->


	<link href="<?=base_url('admin_assets/css/customStyle.css');?>" rel="stylesheet">
	<script type="text/javascript" src="<?=base_url('admin_assets/js/jquery.validate.js');?>"></script>


	<!-- Time Picker Css -->
	<link rel="stylesheet" href="<?=base_url('admin_assets/css/time-picker.css')?>"/>
	<link rel="stylesheet" href="<?=base_url('assets/css/jquery-ui.css');?>">
	<script type="text/javascript" src="<?=base_url('admin_assets/js/sweetalert2.all.min.js')?>"></script>
	<link href="<?=base_url('admin_assets/css/sweetalert2.min.css')?>" rel="stylesheet">

	<!-- Loader -->

	<link rel="stylesheet" type="text/css" href="<?=base_url('assets/css/ldld.min.css');?>">
	<script type="text/javascript" charset="utf8" src="<?=base_url('assets/js/ldld.min.js'); ?>"></script>

	<!-- custom color code -->
	<link href="<?=base_url('assets/css/customColorCode.css');?>" rel="stylesheet">


	<style type="text/css">
		.ui-icon,.ui-widget-content .ui-icon {
			background-image: url("<?=base_url('assets/js/ui-icons_444444_256x240.png'); ?>")!important;
		}
		.ui-widget-header .ui-icon {
			background-image: url("<?=base_url('assets/js/ui-icons_444444_256x240.png'); ?>")!important;
		}

		.select2-container--default .select2-selection--single {
			border: 0!important;
		}
		.collapse:not(.show) {
			display: inline-flex!important;
		}

		
		@media  only screen and (max-width: 992px) {
			.customeWidth {
				width: 100%!important
			}
			#heading{
				color: white!important;
			}
		}

		.dataTables_scrollHeadInner{
			width: 100%!important;
		}
		table{
			width: 100%!important;
			margin: 0!important;
		}
		#myBookings{

			margin: 0!important;
		}




		input[type="search"] {
			border-radius: 38px!important;
			border: 3px solid #2978b5!important;
			background-color: transparent!important;
			margin-left: 0px!important;
			color: #222!important;
			position: relative;
			z-index: 5;
			transition: z-index 0.8s, width 0.5s, background 0.3s ease, border 0.3s;
			height: 70px;
			box-sizing: border-box;
			font-size: 2rem;
			cursor: pointer;
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik01MDMuODY2LDQ3Ny45NzRMMzYwLjk1OCwzMzUuMDUyYzI4LjcyNS0zNC41NDQsNDYuMDE3LTc4LjkxMiw0Ni4wMTctMTI3LjMzNiAgYzAtMTEwLjA4NC04OS4yMjctMTk5LjMxMi0xOTkuMzEyLTE5OS4zMTJDOTcuNTk5LDguNDAzLDguMzUxLDk3LjYzMSw4LjM1MSwyMDcuNzE1YzAsMTEwLjA2NCw4OS4yNDgsMTk5LjMxMiwxOTkuMzEyLDE5OS4zMTIgIGM0OC40MzUsMCw5Mi43OTItMTcuMjkyLDEyNy4zMzYtNDYuMDE3bDE0Mi45MDgsMTQyLjkyMkw1MDMuODY2LDQ3Ny45NzR6IE0yOS4zMzEsMjA3LjcxNWMwLTk4LjMzNCw3OS45ODctMTc4LjMzMiwxNzguMzMyLTE3OC4zMzIgIGM5OC4zMjUsMCwxNzguMzMyLDc5Ljk5OCwxNzguMzMyLDE3OC4zMzJzLTgwLjAwNywxNzguMzMyLTE3OC4zMzIsMTc4LjMzMkMxMDkuMzE4LDM4Ni4wNDcsMjkuMzMxLDMwNi4wNSwyOS4zMzEsMjA3LjcxNXoiIGZpbGw9IiMzNzQwNEQiLz48L3N2Zz4=) no-repeat left 9px center transparent;
			background-size: 24px;
			width: 100%;
			outline: none;
		}


    .dataTables_wrapper .dataTables_filter input {
      padding: 0px 53px!important;
    }

    .dataTables_scroll{

    	padding-top: 20px!important;
    }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
background: #2978b5 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
 background: #bee3ff !important;
    color: black !important;
}
.ui-datepicker-header {
background: #2978b5 !important;
}
.ui-datepicker-current{
	display: none!important;
}

	</style>
	
	
</head>

<body>
	<?php $header_data = getWebSyncsData('Header Settings', 'headerSettings', ''); ?>
	<div class="d-flex" id="wrapper">