<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
	<meta name="description" content="POS - Bootstrap Admin Template">
	<meta name="keywords"
		content="admin, estimates, bootstrap, business, corporate, creative, invoice, html5, responsive, Projects">
	<meta name="author" content="Dreamguys - Bootstrap Admin Template">
	<meta name="robots" content="noindex, nofollow">
	<title>Admin Dashboard</title>

	<!-- Favicon -->
	<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">

	<!-- Bootstrap CSS -->
	<link rel="stylesheet" href="assets/css/bootstrap.min.css">

	<!-- Datetimepicker CSS -->
	<link rel="stylesheet" href="assets/css/bootstrap-datetimepicker.min.css">

	<!-- animation CSS -->
	<link rel="stylesheet" href="assets/css/animate.css">

	<!-- Feathericon CSS -->
	<link rel="stylesheet" href="assets/css/feather.css">

	<!-- Select2 CSS -->
	<link rel="stylesheet" href="assets/plugins/select2/css/select2.min.css">

	<!-- Bootstrap Tagsinput CSS -->
	<link rel="stylesheet" href="assets/plugins/bootstrap-tagsinput/bootstrap-tagsinput.css">

	<!-- Datatable CSS -->
	<link rel="stylesheet" href="assets/css/dataTables.bootstrap5.min.css">

	<!-- Fontawesome CSS -->
	<link rel="stylesheet" href="assets/plugins/fontawesome/css/fontawesome.min.css">
	<link rel="stylesheet" href="assets/plugins/fontawesome/css/all.min.css">

	<!-- Main CSS -->
	<link rel="stylesheet" href="assets/css/style.css">
<style>
@media only screen and (max-width: 600px) {
    #global-loader {
        /* Make sure loader is behind everything, if needed */
        z-index: 10000;
    }

    .main-wrapper {
        position: relative;
        z-index: 1; /* Ensure the content is not on top of the header */
    }

    .page-wrapper {
        margin-top: 65px; /* Adjusted top space for the header */
        max-height: 100vh;
        overflow-y: auto;
        z-index: 1;
    }

    .header {
        background: #ffffff;
        border-bottom: 1px solid #dbe0e6;
        height: 66px;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 9999; /* Ensure header stays on top of all content */
    }
    .page-header {
        margin-top: -50px !important;
    }
    .sidebar-overlay {
    display: none;
    height: 100%;
    width: 100%;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 60px;
    left: 0;
}
        .mb-4.mb-md-5.text-white.d-block.d-md-none {
    height: 130px !important;
}

}

div#global-loader {
    display: none !important;
}



</style>

</head>