diff --git a/ServiceHost/Areas/AdminNew/Pages/Company/MonthlyOverview/Index.cshtml b/ServiceHost/Areas/AdminNew/Pages/Company/MonthlyOverview/Index.cshtml
index ee398fe8..0fd9613b 100644
--- a/ServiceHost/Areas/AdminNew/Pages/Company/MonthlyOverview/Index.cshtml
+++ b/ServiceHost/Areas/AdminNew/Pages/Company/MonthlyOverview/Index.cshtml
@@ -411,6 +411,8 @@
 
 		var nextPermission = @(hasNextPermission ? "false" : "true");
 		var prevPermission = @(hasPrevPermission ? "false" : "true");
+
+		var accessAccountToSearchAccounts = [2, 3,423,392];
 	</script>
 	<script src="~/AssetsAdminNew/monthlyoverview/js/Index.js?ver=@adminVersion"></script>
 }
\ No newline at end of file
diff --git a/ServiceHost/wwwroot/AssetsAdminNew/MonthlyOverview/js/Index.js b/ServiceHost/wwwroot/AssetsAdminNew/MonthlyOverview/js/Index.js
index 0f605cc0..9346e542 100644
--- a/ServiceHost/wwwroot/AssetsAdminNew/MonthlyOverview/js/Index.js
+++ b/ServiceHost/wwwroot/AssetsAdminNew/MonthlyOverview/js/Index.js
@@ -1,21 +1,21 @@
 $(document).ready(async function () {
-    /* سلکت شدن ماه جاری */
-    const monthSelect = document.getElementById('month-select');
-    monthSelect.value = currentMonth;
+	/* سلکت شدن ماه جاری */
+	const monthSelect = document.getElementById('month-select');
+	monthSelect.value = currentMonth;
 	/* سلکت شدن ماه جاری */
 
 	const { year, month, employer, employerName, workshopAndArchive, workshopAndArchiveName, adminPersonnel, status } = getSearchParamsFromUrl();
-    $('#year-select').val(year !== "0" ? year : Number($('#year-select').val()));
-    $("#month-select").val(month !== "0" ? month : currentMonth);
-    $("#employer-select").val(employer);
+	$('#year-select').val(year !== "0" ? year : Number($('#year-select').val()));
+	$("#month-select").val(month !== "0" ? month : currentMonth);
+	$("#employer-select").val(employer);
 	$("#workshop-select").val(workshopAndArchive);
 
-    $('#year-select-mobile').val(year !== "0" ? year : Number($('#year-select').val()));
+	$('#year-select-mobile').val(year !== "0" ? year : Number($('#year-select').val()));
 	$("#month-select-mobile").val(month !== "0" ? month : currentMonth);
 	$("#employer-select-mobile").val(employer);
 	$("#workshop-select-mobile").val(workshopAndArchive);
 
-    if (workshopAndArchive && workshopAndArchiveName) {
+	if (workshopAndArchive && workshopAndArchiveName) {
 		const option = new Option(workshopAndArchiveName, workshopAndArchive, true, true);
 		$("#workshop-select").append(option).trigger('change');
 		$("#workshop-select-mobile").append(option).trigger('change');
@@ -27,216 +27,216 @@
 		$("#employer-select-mobile").append(option).trigger('change');
 	}
 
-    $("#admin-personnel-select").val(adminPersonnel);
+	$("#admin-personnel-select").val(adminPersonnel);
 	$("#admin-personnel-select-mobile").val(adminPersonnel);
 	$("#status-select").val(status !== "" ? status : 2);
 	$("#status-select-mobile").val(status !== "" ? status : 2);
 
 	if (year !== "0" || month !== '0' || employer !== '0' || workshopAndArchive !== '0' || adminPersonnel !== '0' || status !== '') {
-        $('.btn-clear-filter').removeClass('disable');
-    } else {
-        $('.btn-clear-filter').addClass('disable');
-    }
+		$('.btn-clear-filter').removeClass('disable');
+	} else {
+		$('.btn-clear-filter').addClass('disable');
+	}
 
-    $(".EmployerSelect2Option").select2({
-        language: "fa",
-        dir: "rtl",
-        ajax: {
-            url: employerSelectListUrl,
-            dataType: 'json',
-            delay: 250,
-            data: function (params) {
-                return {
-                    search: params.term
-                };
-            },
-            processResults: function (response) {
-                const originalList = response.data.map(item => ({
-                    id: item.id,
-                    text: item.name
-                }));
+	$(".EmployerSelect2Option").select2({
+		language: "fa",
+		dir: "rtl",
+		ajax: {
+			url: employerSelectListUrl,
+			dataType: 'json',
+			delay: 250,
+			data: function (params) {
+				return {
+					search: params.term
+				};
+			},
+			processResults: function (response) {
+				const originalList = response.data.map(item => ({
+					id: item.id,
+					text: item.name
+				}));
 
-                const manualItems = [
-                    { id: 0, text: 'انتخاب کارفرما ...' }
-                ];
+				const manualItems = [
+					{ id: 0, text: 'انتخاب کارفرما ...' }
+				];
 
-                const finalList = manualItems.concat(originalList);
+				const finalList = manualItems.concat(originalList);
 
-                return {
-                    results: finalList
-                };
-            },
-            cache: false
-        },
-        minimumInputLength: 0
-        //dropdownParent: $('#MainModal')
+				return {
+					results: finalList
+				};
+			},
+			cache: false
+		},
+		minimumInputLength: 0
+		//dropdownParent: $('#MainModal')
 	});
 
-    $(".EmployerSelect2OptionMobile").select2({
-        language: "fa",
-        dir: "rtl",
-        ajax: {
-            url: employerSelectListUrl,
-            dataType: 'json',
-            delay: 250,
-            data: function (params) {
-                return {
-                    search: params.term
-                };
-            },
-            processResults: function (response) {
-                const originalList = response.data.map(item => ({
-                    id: item.id,
-                    text: item.name
-                }));
-
-                const manualItems = [
-                    { id: 0, text: 'انتخاب کارفرما ...' }
-                ];
-
-                const finalList = manualItems.concat(originalList);
-
-                return {
-                    results: finalList
-                };
-            },
-            cache: false
-        },
-        minimumInputLength: 0,
-		dropdownParent: $('#searchModal')
-    });
-
-    $(".WorkshopSelect2Option").select2({
-        language: "fa",
-        dir: "rtl",
-        ajax: {
-            url: workshopSelectListUrl,
-            dataType: 'json',
-            delay: 250,
-            data: function (params) {
-                return {
-                    search: params.term
-                };
-            },
+	$(".EmployerSelect2OptionMobile").select2({
+		language: "fa",
+		dir: "rtl",
+		ajax: {
+			url: employerSelectListUrl,
+			dataType: 'json',
+			delay: 250,
+			data: function (params) {
+				return {
+					search: params.term
+				};
+			},
 			processResults: function (response) {
-                const originalList = response.data.map(item => ({
-                    id: item.id,
+				const originalList = response.data.map(item => ({
+					id: item.id,
+					text: item.name
+				}));
+
+				const manualItems = [
+					{ id: 0, text: 'انتخاب کارفرما ...' }
+				];
+
+				const finalList = manualItems.concat(originalList);
+
+				return {
+					results: finalList
+				};
+			},
+			cache: false
+		},
+		minimumInputLength: 0,
+		dropdownParent: $('#searchModal')
+	});
+
+	$(".WorkshopSelect2Option").select2({
+		language: "fa",
+		dir: "rtl",
+		ajax: {
+			url: workshopSelectListUrl,
+			dataType: 'json',
+			delay: 250,
+			data: function (params) {
+				return {
+					search: params.term
+				};
+			},
+			processResults: function (response) {
+				const originalList = response.data.map(item => ({
+					id: item.id,
 					text: item.name + " - " + item.archiveCode
 				}));
 
-                const manualItems = [
+				const manualItems = [
 					{ id: 0, text: 'انتخاب نام کارگاه /شماره بایگانی ...' }
 				];
 
-                const finalList = manualItems.concat(originalList);
+				const finalList = manualItems.concat(originalList);
 
-                return {
-                    results: finalList
+				return {
+					results: finalList
 				};
-            },
-            cache: false
-        },
-        minimumInputLength: 0
-        //dropdownParent: $('#MainModal')
+			},
+			cache: false
+		},
+		minimumInputLength: 0
+		//dropdownParent: $('#MainModal')
 	});
 
-    $(".WorkshopSelect2OptionMobile").select2({
-        language: "fa",
-        dir: "rtl",
-        ajax: {
-            url: workshopSelectListUrl,
-            dataType: 'json',
-            delay: 250,
-            data: function (params) {
-                return {
-                    search: params.term
-                };
-            },
+	$(".WorkshopSelect2OptionMobile").select2({
+		language: "fa",
+		dir: "rtl",
+		ajax: {
+			url: workshopSelectListUrl,
+			dataType: 'json',
+			delay: 250,
+			data: function (params) {
+				return {
+					search: params.term
+				};
+			},
 			processResults: function (response) {
-                const originalList = response.data.map(item => ({
-                    id: item.id,
+				const originalList = response.data.map(item => ({
+					id: item.id,
 					text: item.name + " - " + item.archiveCode
 				}));
 
-                const manualItems = [
+				const manualItems = [
 					{ id: 0, text: 'انتخاب نام کارگاه /شماره بایگانی ...' }
 				];
 
-                const finalList = manualItems.concat(originalList);
+				const finalList = manualItems.concat(originalList);
 
-                return {
-                    results: finalList
+				return {
+					results: finalList
 				};
-            },
-            cache: false
-        },
-        minimumInputLength: 0,
+			},
+			cache: false
+		},
+		minimumInputLength: 0,
 		dropdownParent: $('#searchModal')
-    });
+	});
 
 	$(".AdminPersonnelNameSelect2Option").select2({
-        language: "fa",
-        dir: "rtl"
-        //dropdownParent: $('#MainModal')
+		language: "fa",
+		dir: "rtl"
+		//dropdownParent: $('#MainModal')
 	});
-	
+
 	$(".AdminPersonnelNameSelect2OptionMobile").select2({
-        language: "fa",
-        dir: "rtl",
-        dropdownParent: $('#MainModal')
+		language: "fa",
+		dir: "rtl",
+		dropdownParent: $('#MainModal')
 	});
 
 
 	$("#status-select").select2({
-        language: "fa",
-        dir: "rtl"
-        //dropdownParent: $('#MainModal')
-    });
+		language: "fa",
+		dir: "rtl"
+		//dropdownParent: $('#MainModal')
+	});
 	$("#status-select-mobile").select2({
-        language: "fa",
-        dir: "rtl",
-        dropdownParent: $('#searchModal')
-    });
+		language: "fa",
+		dir: "rtl",
+		dropdownParent: $('#searchModal')
+	});
 
-    $("#year-select").select2({
-        language: "fa",
-        dir: "rtl"
-        //dropdownParent: $('#MainModal')
-    });
+	$("#year-select").select2({
+		language: "fa",
+		dir: "rtl"
+		//dropdownParent: $('#MainModal')
+	});
 	$("#year-select-mobile").select2({
-        language: "fa",
-        dir: "rtl",
-        dropdownParent: $('#searchModal')
-    });
+		language: "fa",
+		dir: "rtl",
+		dropdownParent: $('#searchModal')
+	});
 
 	$("#month-select").select2({
-        language: "fa",
-        dir: "rtl"
-        //dropdownParent: $('#MainModal')
+		language: "fa",
+		dir: "rtl"
+		//dropdownParent: $('#MainModal')
 	});
 	$("#month-select-mobile").select2({
-        language: "fa",
-        dir: "rtl",
-        dropdownParent: $('#searchModal')
+		language: "fa",
+		dir: "rtl",
+		dropdownParent: $('#searchModal')
 	});
 
-    await ajaxAdminPersonnel();
-    await loadMonthlyOverviewData();
+	await ajaxAdminPersonnel();
+	await loadMonthlyOverviewData();
 });
 
 // Open Div Mobile
-$(document).on('click', '.monthly-table__row' ,function () {
-    var container = $(this).closest('.monthly-table__container');
-    var toggleDiv = container.find('.monthly-table__toggle');
-    var isOpen = toggleDiv.hasClass('show');
+$(document).on('click', '.monthly-table__row', function () {
+	var container = $(this).closest('.monthly-table__container');
+	var toggleDiv = container.find('.monthly-table__toggle');
+	var isOpen = toggleDiv.hasClass('show');
 
-    // Close all
-    $('.monthly-table__toggle.show').removeClass('show');
+	// Close all
+	$('.monthly-table__toggle.show').removeClass('show');
 
-    // Open this one only if it wasn't already open
-    if (!isOpen) {
-        toggleDiv.addClass('show');
-    }
+	// Open this one only if it wasn't already open
+	if (!isOpen) {
+		toggleDiv.addClass('show');
+	}
 });
 
 $(document).on('click', '.btn-search-click, .btn-search-click-mobile', function () {
@@ -262,21 +262,21 @@ $(document).on('click', '.btn-search-click, .btn-search-click-mobile', function
 		filterAdminPersonnel = $('#admin-personnel-select-mobile').val();
 		filterStatus = $('#status-select-mobile').val();
 	} else {
-        filterYear = $('#year-select').val();
-        filterMonth = $('#month-select').val();
-        filterEmployer = $('#employer-select').val();
-        filterEmployerName = $('#employer-select').select2('data')[0].text;
-        filterWorkshopAndArchive = $('#workshop-select').val();
-        filterWorkshopAndArchiveName = $("#workshop-select").select2('data')[0].text;
-        filterAdminPersonnel = $('#admin-personnel-select').val();
-        filterStatus = $('#status-select').val();
-    }
+		filterYear = $('#year-select').val();
+		filterMonth = $('#month-select').val();
+		filterEmployer = $('#employer-select').val();
+		filterEmployerName = $('#employer-select').select2('data')[0].text;
+		filterWorkshopAndArchive = $('#workshop-select').val();
+		filterWorkshopAndArchiveName = $("#workshop-select").select2('data')[0].text;
+		filterAdminPersonnel = $('#admin-personnel-select').val();
+		filterStatus = $('#status-select').val();
+	}
 
 	if (filterYear !== "0" || filterMonth !== '0' || filterEmployer !== '0' || filterWorkshopAndArchive !== '0' || filterAdminPersonnel !== '0' || filterStatus !== '') {
-        $('.btn-clear-filter').removeClass('disable');
-    } else {
-        $('.btn-clear-filter').addClass('disable');
-    }
+		$('.btn-clear-filter').removeClass('disable');
+	} else {
+		$('.btn-clear-filter').addClass('disable');
+	}
 
 	paramsUrl(filterYear, filterMonth, filterEmployer, filterEmployerName, filterWorkshopAndArchive, filterWorkshopAndArchiveName, filterAdminPersonnel, filterStatus);
 
@@ -285,24 +285,24 @@ $(document).on('click', '.btn-search-click, .btn-search-click-mobile', function
 		$('#searchModal').modal('hide');
 	}
 
-    loadMonthlyOverviewData();
+	loadMonthlyOverviewData();
 });
 
 $(document).on('click', '.btn-clear-filter', function () {
-    $('.btn-clear-filter').addClass('disable');
-    //$('.employeeName').val('');
-    $('#searchModal').modal('hide');
-    loadMonthlyOverviewData();
+	$('.btn-clear-filter').addClass('disable');
+	//$('.employeeName').val('');
+	$('#searchModal').modal('hide');
+	loadMonthlyOverviewData();
 });
 
 $(document).on('click', '.js-document-click', function () {
 	$('.js-document-click').removeClass('tab-bar__tab--active');
-    $(this).addClass('tab-bar__tab--active');
-    var statusValue = $(this).prop('value');
+	$(this).addClass('tab-bar__tab--active');
+	var statusValue = $(this).prop('value');
 
-    var isMobile = window.matchMedia('(max-width: 767px)').matches;
+	var isMobile = window.matchMedia('(max-width: 767px)').matches;
 
-    $(".monthly-table__body").hide();
+	$(".monthly-table__body").hide();
 	$(".card-container").hide();
 	switch (statusValue) {
 		case "0":
@@ -310,33 +310,33 @@ $(document).on('click', '.js-document-click', function () {
 			!isMobile ? $('#overviewSteps').show() : $('#overviewSteps-mobile').show();
 			!isMobile ? $('#overviewAll').hide() : $('#overviewAll-mobile').hide();
 			break;
-        case "1":
+		case "1":
 			!isMobile ? $('#load-data-html-step1').show() : $('#load-data-html-step1-mobile').show();
-            !isMobile ? $('#overviewSteps').show() : $('#overviewSteps-mobile').show();
+			!isMobile ? $('#overviewSteps').show() : $('#overviewSteps-mobile').show();
 			!isMobile ? $('#overviewAll').hide() : $('#overviewAll-mobile').hide();
 			break;
-        case "2":
+		case "2":
 			!isMobile ? $('#load-data-html-step2').show() : $('#load-data-html-step2-mobile').show();
-            !isMobile ? $('#overviewSteps').show() : $('#overviewSteps-mobile').show();
+			!isMobile ? $('#overviewSteps').show() : $('#overviewSteps-mobile').show();
 			!isMobile ? $('#overviewAll').hide() : $('#overviewAll-mobile').hide();
 			break;
-        case "3":
+		case "3":
 			!isMobile ? $('#load-data-html-step3').show() : $('#load-data-html-step3-mobile').show();
-            !isMobile ? $('#overviewSteps').show() : $('#overviewSteps-mobile').show();
+			!isMobile ? $('#overviewSteps').show() : $('#overviewSteps-mobile').show();
 			!isMobile ? $('#overviewAll').hide() : $('#overviewAll-mobile').hide();
 			break;
-        case "4":
+		case "4":
 			!isMobile ? $('#load-data-html-step4').show() : $('#load-data-html-step4-mobile').show();
 			!isMobile ? $('#overviewSteps').show() : $('#overviewSteps-mobile').show();
 			!isMobile ? $('#overviewAll').hide() : $('#overviewAll-mobile').hide();
-            break;
+			break;
 		case "5":
 			!isMobile ? $('#load-data-html-stepAll').show() : $('#load-data-html-stepAll-mobile').show();
 			!isMobile ? $('#overviewAll').show() : $('#overviewAll-mobile').show();
 			!isMobile ? $('#overviewSteps').hide() : $('#overviewSteps-mobile').hide();
-            break;
-    default:
-    }
+			break;
+		default:
+	}
 });
 
 async function loadMonthlyOverviewData() {
@@ -348,78 +348,79 @@ async function loadMonthlyOverviewData() {
 	$('#load-data-html-stepAll').html('');
 	$("#loadingSkeleton").show();
 
-    var html = '';
+	var html = '';
 
 	const { year, month, employer, employerName, workshopAndArchive, workshopAndArchiveName, adminPersonnel, status } = getSearchParamsFromUrl();
-    
-    var searchModel = {
+
+	var searchModel = {
 		'Year': year !== "0" ? year : Number($('#year-select').val()),
 		'Month': month !== "0" ? month : Number($('#month-select').val()),
 		'WorkshopId': workshopAndArchive,
 		'EmployerId': employer,
 		'AdminAccountId': adminPersonnel !== "0" ? adminPersonnel : adminAccountId,
 		'ActivationStatus': status !== "" ? Number(status) : 2
-    };
+	};
 
-    try {
-        const response = await ajax.get(loadMonthlyOverviewDataUrl, searchModel, true);
-        var responseData = response.data;
+	try {
+		const response = await ajax.get(loadMonthlyOverviewDataUrl, searchModel, true);
+		var responseData = response.data;
 
-        var countStatusStep0 = responseData.filter(x => x.status === 0).length;
-        $("#step0-badge").text(countStatusStep0).toggle(countStatusStep0 > 0);
+		var countStatusStep0 = responseData.filter(x => x.status === 0).length;
+		$("#step0-badge").text(countStatusStep0).toggle(countStatusStep0 > 0);
 
-        var countStatusStep1 = responseData.filter(x => x.status === 1).length;
-        $("#step1-badge").text(countStatusStep1).toggle(countStatusStep1 > 0);
+		var countStatusStep1 = responseData.filter(x => x.status === 1).length;
+		$("#step1-badge").text(countStatusStep1).toggle(countStatusStep1 > 0);
 
-        var countStatusStep2 = responseData.filter(x => x.status === 2).length;
-        $("#step2-badge").text(countStatusStep2).toggle(countStatusStep2 > 0);
+		var countStatusStep2 = responseData.filter(x => x.status === 2).length;
+		$("#step2-badge").text(countStatusStep2).toggle(countStatusStep2 > 0);
 
-        var countStatusStep3 = responseData.filter(x => x.status === 3).length;
-        $("#step3-badge").text(countStatusStep3).toggle(countStatusStep3 > 0);
+		var countStatusStep3 = responseData.filter(x => x.status === 3).length;
+		$("#step3-badge").text(countStatusStep3).toggle(countStatusStep3 > 0);
 
-        var countStatusStep4 = responseData.filter(x => x.status === 4).length;
-        $("#step4-badge").text(countStatusStep4).toggle(countStatusStep4 > 0);
+		var countStatusStep4 = responseData.filter(x => x.status === 4).length;
+		$("#step4-badge").text(countStatusStep4).toggle(countStatusStep4 > 0);
 
-        var countStatusStep5 = responseData.length;
-        $("#step5-badge").text(countStatusStep5).toggle(countStatusStep5 > 0);
+		var countStatusStep5 = responseData.length;
+		$("#step5-badge").text(countStatusStep5).toggle(countStatusStep5 > 0);
 
 		if (responseData.length > 0) {
 			initialDocument(responseData);
 			monthlyOverviewStatusDocument(responseData);
 			allWorkshops(responseData);
 		} else {
-            html += `<div class="text-center bg-white d-flex align-items-center justify-content-center">
+			html += `<div class="text-center bg-white d-flex align-items-center justify-content-center">
 					        <div class="">
 						        <img src="/assetsclient/images/empty.png" alt="" class="img-fluid" />
 						        <h5>اطلاعاتی وجود ندارد.</h5>
 					        </div>
 				        </div>`;
-            $('#load-data-html-step0').html(html);
-            $('#load-data-html-step1').html(html);
-            $('#load-data-html-step2').html(html);
-            $('#load-data-html-step3').html(html);
-            $('#load-data-html-step4').html(html);
+			$('#load-data-html-step0').html(html);
+			$('#load-data-html-step1').html(html);
+			$('#load-data-html-step2').html(html);
+			$('#load-data-html-step3').html(html);
+			$('#load-data-html-step4').html(html);
 			$('#load-data-html-stepAll').html(html);
 		}
 
 		$("#loadingSkeleton").hide();
-    } catch (err) {
-        console.error("خطا در ajax.post:", err);
-    }
+	} catch (err) {
+		console.error("خطا در ajax.post:", err);
+	}
 }
 
 function initialDocument(data) {
 	var html = '';
 	var htmlMobile = '';
-    var indexNumber = 1;
-    var indexNumberMobile = 1;
-    data.forEach(function (item) {
+	var indexNumber = 1;
+	var indexNumberMobile = 1;
+	data.forEach(function (item) {
 		if (item.status === 0) {
-            const isEven = indexNumber % 2 === 0;
-			const rowBgClass = isEven ? 'tw-bg-[#DDF4F4]' : 'tw-bg-[#ECFFFF]';
+			const rowBgClass = item.isBlock
+				? 'tw-bg-[#BABDBF]'
+				: (indexNumber % 2 === 0 ? 'tw-bg-[#DDF4F4]' : 'tw-bg-[#ECFFFF]');
 			//odd:tw-bg-[#DFF0FF] even:tw-bg-[#D1E9FF]
 
-            html += `<div class="monthly-table__container tw-cursor-pointer">
+			html += `<div class="monthly-table__container tw-cursor-pointer">
 	                        <div class="monthly-table__row tw-font-[400] tw-flex tw-h-[35px] tw-items-center tw-rounded-[5px] ${rowBgClass} hover:tw-bg-[#C9F0F0] tw-duration-300 tw-ease-in-out tw-px-2 tw-text-[12px]">
 		                        <div class="monthly-table__cell tw-w-[2%]">
 			                        <div class="monthly-table__cell-card monthly-table__cell-card--small">
@@ -476,12 +477,12 @@ function initialDocument(data) {
 	                        <div>
 	                        </div>
                         </div>`;
-        }
-    });
+		}
+	});
 
-    data.forEach(function (item) {
+	data.forEach(function (item) {
 		if (item.status === 0) {
-            htmlMobile += `<div class="monthly-table__container tw-cursor-pointer">
+			htmlMobile += `<div class="monthly-table__container tw-cursor-pointer">
 				        <div class="monthly-table__row tw-font-[500] tw-flex tw-h-[35px] tw-items-center tw-rounded-[5px] tw-bg-[#DFF0FF] tw-px-2 tw-text-[12px] md:tw-font-[400] md:tw-text-[14px]">
 					        <div class="monthly-table__cell tw-w-[5%]">
 						        <div class="monthly-table__cell-card monthly-table__cell-card--small tw-text-center">
@@ -564,33 +565,38 @@ function initialDocument(data) {
 
 				        </div>
 			        </div>`;
-        }
-    });
+		}
+	});
 
 	$('#load-data-html-step0').html(html);
 	$('#load-data-html-step0-mobile').html(htmlMobile);
 }
 
 function monthlyOverviewStatusDocument(data) {
-    var htmlStep1 = '';
-    var htmlStep2 = '';
-    var htmlStep3 = '';
+	var htmlStep1 = '';
+	var htmlStep2 = '';
+	var htmlStep3 = '';
 	var htmlStep4 = '';
-    var htmlStep1Mobile = '';
-    var htmlStep2Mobile = '';
-    var htmlStep3Mobile = '';
-    var htmlStep4Mobile = '';
+	var htmlStep1Mobile = '';
+	var htmlStep2Mobile = '';
+	var htmlStep3Mobile = '';
+	var htmlStep4Mobile = '';
 	var indexNumberStep1 = 1;
 	var indexNumberStep2 = 1;
 	var indexNumberStep3 = 1;
 	var indexNumberStep4 = 1;
-	var indexNumberMobile = 1;
+
+	var indexNumberMobileStep1 = 1;
+	var indexNumberMobileStep2 = 1;
+	var indexNumberMobileStep3 = 1;
+	var indexNumberMobileStep4 = 1;
 
 	data.forEach(function (item) {
 		//Step 1
 		if (item.status === 1) {
-			const isEven = indexNumberStep1 % 2 === 0;
-			const rowBgClassStep = isEven ? 'tw-bg-[#DDF4F4]' : 'tw-bg-[#ECFFFF]';
+			const rowBgClassStep = item.isBlock
+				? 'tw-bg-[#BABDBF]'
+				: (indexNumberStep1 % 2 === 0 ? 'tw-bg-[#DDF4F4]' : 'tw-bg-[#ECFFFF]');
 
 			htmlStep1 += `<div class="monthly-table__container tw-cursor-pointer">
 			                <div class="monthly-table__row tw-font-[400] tw-flex tw-h-[35px] tw-items-center tw-rounded-[5px] ${rowBgClassStep} hover:tw-bg-[#C9F0F0] tw-duration-300 tw-ease-in-out tw-px-2 tw-text-[12px]">
@@ -664,7 +670,7 @@ function monthlyOverviewStatusDocument(data) {
 				                        <div class="monthly-table__row tw-font-[500] tw-flex tw-h-[35px] tw-items-center tw-rounded-[5px] tw-bg-[#DFF0FF] tw-px-2 tw-text-[12px] md:tw-font-[400] md:tw-text-[14px]">
 					                        <div class="monthly-table__cell tw-w-[10%]">
 						                        <div class="monthly-table__cell-card monthly-table__cell-card--small tw-text-right">
-							                        ${indexNumberMobile++}
+							                        ${indexNumberMobileStep1++}
 						                        </div>
 					                        </div>
 					                        <div class="monthly-table__cell tw-w-[20%] tw-text-center tw-text-xs"><div class="monthly-table__cell-title">${item.workshopName}</div></div>
@@ -750,10 +756,11 @@ function monthlyOverviewStatusDocument(data) {
 			                        </div>
 		                        </div>`;
 		}
-        //Step 2
+		//Step 2
 		if (item.status === 2) {
-            const isEven = indexNumberStep2 % 2 === 0;
-			const rowBgClassStep = isEven ? 'tw-bg-[#DDF4F4]' : 'tw-bg-[#ECFFFF]';
+			const rowBgClassStep = item.isBlock
+				? 'tw-bg-[#BABDBF]'
+				: (indexNumberStep2 % 2 === 0 ? 'tw-bg-[#DDF4F4]' : 'tw-bg-[#ECFFFF]');
 
 			htmlStep2 += `<div class="monthly-table__container tw-cursor-pointer">
 			                <div class="monthly-table__row tw-font-[400] tw-flex tw-h-[35px] tw-items-center tw-rounded-[5px] ${rowBgClassStep} hover:tw-bg-[#C9F0F0] tw-duration-300 tw-ease-in-out tw-px-2 tw-text-[12px]">
@@ -826,10 +833,10 @@ function monthlyOverviewStatusDocument(data) {
 
 			htmlStep2Mobile += `<div class=" tw-whitespace-nowrap">
 			                        <div class="monthly-table__container tw-cursor-pointer">
-				                        <div class="monthly-table__row tw-font-[500] tw-flex tw-h-[35px] tw-items-center tw-rounded-[5px] tw-bg-[#DFF0FF] tw-px-2 tw-text-[12px] md:tw-font-[400] md:tw-text-[14px]">
+				                        <div class="monthly-table__row tw-font-[500] tw-flex tw-h-[35px] tw-items-center tw-rounded-[5px] ${rowBgClassStep} tw-px-2 tw-text-[12px] md:tw-font-[400] md:tw-text-[14px]">
 					                        <div class="monthly-table__cell tw-w-[10%]">
 						                        <div class="monthly-table__cell-card monthly-table__cell-card--small tw-text-right">
-							                        ${indexNumberMobile++}
+							                        ${indexNumberMobileStep2++}
 						                        </div>
 					                        </div>
                                             <div class="monthly-table__cell tw-w-[20%] tw-text-center tw-text-xs"><div class="monthly-table__cell-title">${item.workshopName}</div></div>
@@ -915,10 +922,11 @@ function monthlyOverviewStatusDocument(data) {
 			                        </div>
 		                        </div>`;
 		}
-        //Step 3
+		//Step 3
 		if (item.status === 3) {
-            const isEven = indexNumberStep3 % 2 === 0;
-			const rowBgClassStep = isEven ? 'tw-bg-[#DDF4F4]' : 'tw-bg-[#ECFFFF]';
+			const rowBgClassStep = item.isBlock
+				? 'tw-bg-[#BABDBF]'
+				: (indexNumberStep3 % 2 === 0 ? 'tw-bg-[#DDF4F4]' : 'tw-bg-[#ECFFFF]');
 
 			htmlStep3 += `<div class="monthly-table__container tw-cursor-pointer">
 			                <div class="monthly-table__row tw-font-[400]  tw-flex tw-h-[35px] tw-items-center tw-rounded-[5px] ${rowBgClassStep} hover:tw-bg-[#C9F0F0] tw-duration-300 tw-ease-in-out tw-px-2 tw-text-[12px]">
@@ -991,10 +999,10 @@ function monthlyOverviewStatusDocument(data) {
 
 			htmlStep3Mobile += `<div class=" tw-whitespace-nowrap">
 			                        <div class="monthly-table__container tw-cursor-pointer">
-				                        <div class="monthly-table__row tw-font-[500] tw-flex tw-h-[35px] tw-items-center tw-rounded-[5px] tw-bg-[#DFF0FF] tw-px-2 tw-text-[12px] md:tw-font-[400] md:tw-text-[14px]">
+				                        <div class="monthly-table__row tw-font-[500] tw-flex tw-h-[35px] tw-items-center tw-rounded-[5px] ${rowBgClassStep} tw-px-2 tw-text-[12px] md:tw-font-[400] md:tw-text-[14px]">
 					                        <div class="monthly-table__cell tw-w-[10%]">
 						                        <div class="monthly-table__cell-card monthly-table__cell-card--small tw-text-right">
-							                        ${indexNumberMobile++}
+							                        ${indexNumberMobileStep3++}
 						                        </div>
 					                        </div>
                                             <div class="monthly-table__cell tw-w-[20%] tw-text-center tw-text-xs"><div class="monthly-table__cell-title">${item.workshopName}</div></div>
@@ -1079,10 +1087,11 @@ function monthlyOverviewStatusDocument(data) {
 			                        </div>
 		                        </div>`;
 		}
-        //Step 4
+		//Step 4
 		if (item.status === 4) {
-            const isEven = indexNumberStep4 % 2 === 0;
-			const rowBgClassStep = isEven ? 'tw-bg-[#DDF4F4]' : 'tw-bg-[#ECFFFF]';
+			const rowBgClassStep = item.isBlock
+				? 'tw-bg-[#BABDBF]'
+				: (indexNumberStep4 % 2 === 0 ? 'tw-bg-[#DDF4F4]' : 'tw-bg-[#ECFFFF]');
 
 			htmlStep4 += `<div class="monthly-table__container tw-cursor-pointer">
 			                <div class="monthly-table__row tw-font-[400] tw-flex tw-h-[35px] tw-items-center tw-rounded-[5px] ${rowBgClassStep} hover:tw-bg-[#C9F0F0] tw-duration-300 tw-ease-in-out tw-px-2 tw-text-[12px]">
@@ -1156,10 +1165,10 @@ function monthlyOverviewStatusDocument(data) {
 			htmlStep4Mobile += `
 		                        <div class=" tw-whitespace-nowrap">
 			                        <div class="monthly-table__container tw-cursor-pointer">
-				                        <div class="monthly-table__row tw-font-[500] tw-flex tw-h-[35px] tw-items-center tw-rounded-[5px] tw-bg-[#DFF0FF] tw-px-2 tw-text-[12px] md:tw-font-[400] md:tw-text-[14px]">
+				                          <div class="monthly-table__row tw-font-[500] tw-flex tw-h-[35px] tw-items-center tw-rounded-[5px] ${rowBgClassStep} tw-px-2 tw-text-[12px] md:tw-font-[400] md:tw-text-[14px]">
 					                        <div class="monthly-table__cell tw-w-[10%]">
 						                        <div class="monthly-table__cell-card monthly-table__cell-card--small tw-text-right">
-							                        ${indexNumberMobile++}
+							                         ${indexNumberMobileStep4++}
 						                        </div>
 					                        </div>
                                             <div class="monthly-table__cell tw-w-[20%] tw-text-center tw-text-xs"><div class="monthly-table__cell-title">${item.workshopName}</div></div>
@@ -1247,13 +1256,13 @@ function monthlyOverviewStatusDocument(data) {
 	});
 
 	$('#load-data-html-step1').html(htmlStep1);
-    $('#load-data-html-step2').html(htmlStep2);
-    $('#load-data-html-step3').html(htmlStep3);
+	$('#load-data-html-step2').html(htmlStep2);
+	$('#load-data-html-step3').html(htmlStep3);
 	$('#load-data-html-step4').html(htmlStep4);
 
 	$('#load-data-html-step1-mobile').html(htmlStep1Mobile);
-    $('#load-data-html-step2-mobile').html(htmlStep2Mobile);
-    $('#load-data-html-step3-mobile').html(htmlStep3Mobile);
+	$('#load-data-html-step2-mobile').html(htmlStep2Mobile);
+	$('#load-data-html-step3-mobile').html(htmlStep3Mobile);
 	$('#load-data-html-step4-mobile').html(htmlStep4Mobile);
 }
 
@@ -1264,11 +1273,12 @@ function allWorkshops(data) {
 	var indexNumberMobile = 1;
 	var strTextStatus = "";
 	var strColorStatus = "";
-	
+
 	data.sort((a, b) => a.status - b.status);
 	data.forEach(function (item) {
-        const isEven = indexNumber % 2 === 0;
-		const rowBgClass = isEven ? 'tw-bg-[#DDF4F4]' : 'tw-bg-[#ECFFFF]';
+		const rowBgClass = item.isBlock
+			? 'tw-bg-[#BABDBF]'
+			: (indexNumber % 2 === 0 ? 'tw-bg-[#DDF4F4]' : 'tw-bg-[#ECFFFF]');
 
 		html += `<div class="monthly-table__container tw-cursor-pointer">
 				    <div class="monthly-table__row tw-font-[400] tw-flex tw-h-[35px] tw-items-center tw-rounded-[5px] ${rowBgClass} hover:tw-bg-[#C9F0F0] tw-duration-300 tw-ease-in-out tw-px-2 tw-text-[12px]">
@@ -1299,31 +1309,31 @@ function allWorkshops(data) {
 					</div>
 					<div class="monthly-table__cell tw-flex tw-w-[10%] tw-justify-center tw-gap-2">`;
 
-                        switch (item.status) {
-							case 0:
-								strTextStatus = "تنظیم مستندات";
-								strColorStatus = "documents-setup";
-                                break;
-							case 1:
-								strTextStatus = "در انتظار مراجعه";
-								strColorStatus = "step1";
-                                break;
-							case 2:
-								strTextStatus = "در حال مراجعه";
-								strColorStatus = "step2";
-                                break;
-							case 3:
-								strTextStatus = "اتمام امور";
-								strColorStatus = "step3";
-                                break;
-							case 4:
-								strTextStatus = "بایگانی";
-								strColorStatus = "step4";
-                                break;
-                            default:
-                        }
+		switch (item.status) {
+			case 0:
+				strTextStatus = "تنظیم مستندات";
+				strColorStatus = "documents-setup";
+				break;
+			case 1:
+				strTextStatus = "در انتظار مراجعه";
+				strColorStatus = "step1";
+				break;
+			case 2:
+				strTextStatus = "در حال مراجعه";
+				strColorStatus = "step2";
+				break;
+			case 3:
+				strTextStatus = "اتمام امور";
+				strColorStatus = "step3";
+				break;
+			case 4:
+				strTextStatus = "بایگانی";
+				strColorStatus = "step4";
+				break;
+			default:
+		}
 
-		        html += `<button class="monthly-table__status-button monthly-table__status-button--${strColorStatus} u-tactile">
+		html += `<button class="monthly-table__status-button monthly-table__status-button--${strColorStatus} u-tactile">
 							${strTextStatus}
 						</button>
 					</div>
@@ -1359,11 +1369,11 @@ function allWorkshops(data) {
 			</div>`;
 
 
-                htmlMobile += `<div class="monthly-table__container tw-cursor-pointer">
+		htmlMobile += `<div class="monthly-table__container tw-cursor-pointer">
 			<div class="monthly-table__row tw-font-[500] tw-flex tw-h-[35px] tw-items-center tw-rounded-[5px] tw-bg-[#DFF0FF] tw-px-2 tw-text-[12px] md:tw-font-[400] md:tw-text-[14px]">
 				<div class="monthly-table__cell tw-w-[10%]">
 					<div class="monthly-table__cell-card monthly-table__cell-card--small tw-text-right">
-						${indexNumberMobile ++}
+						${indexNumberMobile++}
 					</div>
 				</div>
 
@@ -1437,7 +1447,7 @@ function allWorkshops(data) {
 				</div>
 			</div>
 		</div>`;
-    });
+	});
 
 	$('#load-data-html-stepAll').html(html);
 	$('#load-data-html-stepAll-mobile').html(htmlMobile);
@@ -1445,140 +1455,140 @@ function allWorkshops(data) {
 
 
 function showConfirmSwal() {
-    return new Promise((resolve) => {
-        swal({
-            title: "آیا از انتقال مطمئن هستید؟",
-            text: "",
-            type: "warning",
-            showCancelButton: true,
-            confirmButtonColor: "#DD6B55",
-            confirmButtonText: "بله",
-            cancelButtonText: "خیر",
-            closeOnConfirm: true,
-            closeOnCancel: true
-        }, function (isConfirm) {
-            resolve(isConfirm);
-        });
-    });
+	return new Promise((resolve) => {
+		swal({
+			title: "آیا از انتقال مطمئن هستید؟",
+			text: "",
+			type: "warning",
+			showCancelButton: true,
+			confirmButtonColor: "#DD6B55",
+			confirmButtonText: "بله",
+			cancelButtonText: "خیر",
+			closeOnConfirm: true,
+			closeOnCancel: true
+		}, function (isConfirm) {
+			resolve(isConfirm);
+		});
+	});
 }
 
 async function handlerStep(id, stepStr) {
-    let handlerUrl = stepStr === "next" ? nextUrl : backUrl;
+	let handlerUrl = stepStr === "next" ? nextUrl : backUrl;
 
-    const isConfirm = await showConfirmSwal();
-    if (!isConfirm) return;
+	const isConfirm = await showConfirmSwal();
+	if (!isConfirm) return;
 
-    try {
-        const response = await ajax.post(handlerUrl, { id: id }, true);
-        if (response.isSuccedded) {
-            $('.alert-success-msg').show().find('p').text(response.message);
-            setTimeout(() => {
-                $('.alert-success-msg').hide().find('p').text('');
-            }, 1500);
+	try {
+		const response = await ajax.post(handlerUrl, { id: id }, true);
+		if (response.isSuccedded) {
+			$('.alert-success-msg').show().find('p').text(response.message);
+			setTimeout(() => {
+				$('.alert-success-msg').hide().find('p').text('');
+			}, 1500);
 
-            loadMonthlyOverviewData();
-        } else {
-            $('.alert-msg').show().find('p').text(response.message);
-            setTimeout(() => {
-                $('.alert-msg').hide().find('p').text('');
-            }, 2000);
-        }
-    } catch (err) {
-        console.error("خطا در ajax.post:", err);
-    }
+			loadMonthlyOverviewData();
+		} else {
+			$('.alert-msg').show().find('p').text(response.message);
+			setTimeout(() => {
+				$('.alert-msg').hide().find('p').text('');
+			}, 2000);
+		}
+	} catch (err) {
+		console.error("خطا در ajax.post:", err);
+	}
 }
 
 async function ajaxAdminPersonnel() {
-    await $.ajax({
+	await $.ajax({
 		url: accountSelectListUrl,
-        type: 'GET',
+		type: 'GET',
 		success: function (response) {
 			if (response.data.length > 0) {
-                var items = response.data;
+				var items = response.data;
 				var optionsHtml = '<option value="0">انتخاب اعضاء</option>';
 
-                const filteredItems = items.filter(item => item.id !== 2 && item.id !== 3);
-                filteredItems.forEach(function (item) {
+				const filteredItems = items.filter(item => item.id !== 2 && item.id !== 3);
+				filteredItems.forEach(function (item) {
 					optionsHtml += `<option value="${item.id}" ${item.id === adminAccountId ? `selected` : ``}>${item.name}</option>`;
 				});
 				$('#admin-personnel-select').html(optionsHtml);
 				$('#admin-personnel-select-mobile').html(optionsHtml);
 
-                const { year, month, employer, employerName, workshopAndArchive, workshopAndArchiveName, adminPersonnel, status } = getSearchParamsFromUrl();
-				if (![2, 3].includes(adminAccountId)) {
+				const { year, month, employer, employerName, workshopAndArchive, workshopAndArchiveName, adminPersonnel, status } = getSearchParamsFromUrl();
+				if (!accessAccountToSearchAccounts.includes(adminAccountId)) {
 					$('#admin-personnel-select').prop('disabled', true).closest("div").addClass('disable');
 					$("#admin-personnel-select").val(adminAccountId).trigger('change');
 					$('#admin-personnel-select-mobile').prop('disabled', true).closest("div").addClass('disable');
 					$("#admin-personnel-select-mobile").val(adminAccountId).trigger('change');
-                } else {
+				} else {
 					$('#admin-personnel-select').prop('disabled', false).closest("div").removeClass('disable');
-                    $("#admin-personnel-select").val(adminPersonnel).trigger('change');
+					$("#admin-personnel-select").val(adminPersonnel).trigger('change');
 					$('#admin-personnel-select-mobile').prop('disabled', false).closest("div").removeClass('disable');
-                    $("#admin-personnel-select-mobile").val(adminPersonnel).trigger('change');
+					$("#admin-personnel-select-mobile").val(adminPersonnel).trigger('change');
 				}
 			}
-        },
-        error: function (xhr, status, error) {
-            console.error(xhr.responseText);
-        }
-    });
+		},
+		error: function (xhr, status, error) {
+			console.error(xhr.responseText);
+		}
+	});
 }
 
 function paramsUrl(year, month, employer, employerName, workshopAndArchive, workshopAndArchiveName, adminPersonnel, status) {
-    const params = new URLSearchParams();
+	const params = new URLSearchParams();
 	let hasAnyFilter = false;
 
 	if (year !== '0') {
 		params.set("year", year);
-        hasAnyFilter = true;
-    }
+		hasAnyFilter = true;
+	}
 
 	if (month !== '0') {
 		params.set("month", month);
-        hasAnyFilter = true;
-    }
+		hasAnyFilter = true;
+	}
 
 	if (employer !== '0') {
 		params.set("employer", employer);
-        hasAnyFilter = true;
+		hasAnyFilter = true;
 	}
 
-    if (employer !== '0') {
+	if (employer !== '0') {
 		params.set("employer-name", employerName);
-        hasAnyFilter = true;
-    }
+		hasAnyFilter = true;
+	}
 
 	if (workshopAndArchive !== '0') {
 		params.set("workshop-archive", workshopAndArchive);
-        hasAnyFilter = true;
-    }
+		hasAnyFilter = true;
+	}
 
-    if (workshopAndArchive !== '0') {
+	if (workshopAndArchive !== '0') {
 		params.set("workshop-name", workshopAndArchiveName);
-        hasAnyFilter = true;
-    }
+		hasAnyFilter = true;
+	}
 
 	if (adminPersonnel !== "0") {
 		params.set("admin-personnel", adminPersonnel);
-        hasAnyFilter = true;
+		hasAnyFilter = true;
 	}
 
 	if (status !== "2") {
 		params.set("status", status);
-        hasAnyFilter = true;
-    }
+		hasAnyFilter = true;
+	}
 
-    const newUrl = hasAnyFilter
+	const newUrl = hasAnyFilter
 		? `${window.location.origin}/AdminNew/Company/MonthlyOverview?${params.toString()}`
 		: `${window.location.origin}/AdminNew/Company/MonthlyOverview`;
 
-    window.history.pushState({}, '', newUrl);
+	window.history.pushState({}, '', newUrl);
 }
 
 function getSearchParamsFromUrl() {
-    const urlParams = new URLSearchParams(window.location.search);
+	const urlParams = new URLSearchParams(window.location.search);
 
-    return {
+	return {
 		year: urlParams.get("year") || "0",
 		month: urlParams.get("month") || "0",
 		employer: urlParams.get("employer") || "0",
@@ -1587,5 +1597,5 @@ function getSearchParamsFromUrl() {
 		workshopAndArchiveName: urlParams.get("workshop-name") || "",
 		adminPersonnel: urlParams.get("admin-personnel") || "0",
 		status: urlParams.get("status") || ""
-    };
+	};
 }
\ No newline at end of file