<!DOCTYPE html>
<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>
	<meta content="<?=GetProjectName();?>" name="description">
	<meta content="<?=GetProjectName();?>" name="keywords">


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

	<!-- Core theme CSS (includes Bootstrap)-->
	<link href="<?=base_url('assets/vendor/bootstrap/css/bootstrap.min.css');?>" rel="stylesheet">
	<link 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('assets/css/jquery.dataTables.css');?>">
	<script type="text/javascript" charset="utf8" src="<?=base_url('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('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">


	<!-- asssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss -->

	<!-- /// Laoder CDNs -->

	<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>
	<!-- asssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss -->



	<link href="<?=base_url('assets/css/customColorCode.css');?>" rel="stylesheet">

	<style type="text/css">
		.dataTables_length{
			display: none;
		}

		.dataTables_filter{
			display: none;
		}

		.dataTables_info{
			margin-top: 30px;
		}

		.dataTables_paginate {
			margin-top: 30px;
		}

		.form-check-input[type=checkbox] {
			border-radius: 0.25em;
			padding: 10px!important;
			font-size: 18px;
			border: 3px solid var(--main-color-new-theme);
		}
		.form-check-input:checked[type="checkbox"] {
			background-color: var(--main-color-new-theme);
			border-radius: 0.25em;
			padding: 10px!important;
			font-size: 18px;
			border: 3px solid var(--main-color-new-theme);
		}
		.form-check-input:checked[type="checkbox"] + .form-check-label::before {
			background-color: var(--main-color-new-theme);
			font-weight: bold;
			font-size: 18px;
		}
		.form-check-input:checked[type="checkbox"] + .form-check-label::after {
			background-color: var(--main-color-new-theme);
			border-radius: 0.25em;
			padding: 10px;
			color: yellow!important;
			background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3e%3cpath fill="yellow" stroke="%23FFFF00" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5.5 8l4 4 4-4"/%3e%3c/svg%3e')!important;
		}
		.form-check-input:focus {
			border-color: var(--main-color-new-theme)!important;
			outline: 0!important;
			box-shadow: none!important;
		}

		input::-webkit-outer-spin-button,
		input::-webkit-inner-spin-button {
			-webkit-appearance: none;
			margin: 0;
		}

		input[type=number] {
			-moz-appearance: textfield;
		}

		.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;
		}
		.nav-tabs .nav-link {
			border: 1px solid #bb001a;
		}
		.nav-tabs>.nav-item>.nav-link {
			color: #bb001a!important; 
		}
		.nav-tabs>.nav-item>.nav-link.active {
			box-shadow: 0px 1px 15px 0px #FFEB3B;
			color:white!important;
		}
		.table thead th {
			height: 30px!important;
		}
		.table tbody td {
			height: 30px!important;
		}

	</style>
</head>

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