diff --git a/Query/AdminReports/Handlers/GetWorkshopWithRollCallHandler.cs b/Query/AdminReports/Handlers/GetWorkshopWithRollCallHandler.cs
index df269fee..0c58f8cd 100644
--- a/Query/AdminReports/Handlers/GetWorkshopWithRollCallHandler.cs
+++ b/Query/AdminReports/Handlers/GetWorkshopWithRollCallHandler.cs
@@ -107,7 +107,7 @@ namespace Query.AdminReports.Handlers
                 ActiveEmployeesWithRollCallInLastWeekCount = activeEmployeesList.Count(y => y.WorkshopId == x.WorkshopId &&
                     lastWeekRollCallsList.Contains(y.EmployeeId) && !leavesList.Contains(y.EmployeeId)),
                 TotalEmployeesCount = workshopsWorkingEmployeesList.FirstOrDefault(y => y.WorkshopId == x.WorkshopId)?.TotalWorkingEmployeesCount ?? 0,
-                UndoneWorkFlowsCount = workFlowApplication.GetAllWorkFlowCount(x.WorkshopId).Result
+                //UndoneWorkFlowsCount = workFlowApplication.GetAllWorkFlowCount(x.WorkshopId).Result
             }).OrderByDescending(x=>x.IsActive).ToList();
 
         }
diff --git a/ServiceHost/Areas/AdminNew/Pages/Company/AndroidApk/Index.cshtml.cs b/ServiceHost/Areas/AdminNew/Pages/Company/AndroidApk/Index.cshtml.cs
index f5cb29e5..08f18a94 100644
--- a/ServiceHost/Areas/AdminNew/Pages/Company/AndroidApk/Index.cshtml.cs
+++ b/ServiceHost/Areas/AdminNew/Pages/Company/AndroidApk/Index.cshtml.cs
@@ -12,16 +12,17 @@ namespace ServiceHost.Areas.AdminNew.Pages.Company.AndroidApk
     public class IndexModel : PageModel
     {
         private readonly IAndroidApkVersionApplication _application;
-        //private readonly IRollCallDomainService _rollCallDomainService;
-        //private readonly CompanyContext _context;
+        private readonly IRollCallDomainService _rollCallDomainService;
+        private readonly CompanyContext _context;
 
         [BindProperty]
         public IFormFile File { get; set; }
 
-        public IndexModel(IAndroidApkVersionApplication application)
+        public IndexModel(IAndroidApkVersionApplication application, IRollCallDomainService rollCallDomainService, CompanyContext context)
         {
-            _application = application;
-       
+	        _application = application;
+	        _rollCallDomainService = rollCallDomainService;
+	        _context = context;
         }
 
         public void OnGet()
@@ -37,22 +38,22 @@ namespace ServiceHost.Areas.AdminNew.Pages.Company.AndroidApk
 
 		public async Task<IActionResult> OnPostShiftDate()
 		{
-//            var customizeWorkshopSettings = _context.CustomizeWorkshopSettings.AsSplitQuery();
+            var customizeWorkshopSettings = _context.CustomizeWorkshopSettings.AsSplitQuery();
 
-////#if DEBUG
-////            customizeWorkshopSettings = customizeWorkshopSettings.Where(x => x.WorkshopId == 27 || x.WorkshopId == 499);
-////#endif
-//            var rollCalls =
-//                _context.RollCalls.Where(x => customizeWorkshopSettings.Any(a => a.WorkshopId == x.WorkshopId))
-//                    .ToList();
 
-//            foreach (var rollCall in rollCalls)
-//            {
-//                rollCall.SetShiftDate(_rollCallDomainService);
-//                Console.WriteLine(rollCall.id);
-//            }
+            customizeWorkshopSettings = customizeWorkshopSettings.Where(x => x.WorkshopId == 499);
 
-            //await _context.SaveChangesAsync();
+            var rollCalls =
+                _context.RollCalls.Where(x => customizeWorkshopSettings.Any(a => a.WorkshopId == x.WorkshopId))
+                    .ToList();
+
+            foreach (var rollCall in rollCalls)
+            {
+                rollCall.SetShiftDate(_rollCallDomainService);
+                Console.WriteLine(rollCall.id);
+            }
+
+            await _context.SaveChangesAsync();
             ViewData["message"] = "�����";
 			return Page();
 		}
diff --git a/ServiceHost/Areas/AdminNew/Pages/Company/RollCall/Index.cshtml b/ServiceHost/Areas/AdminNew/Pages/Company/RollCall/Index.cshtml
index c39f9e8a..08c3960b 100644
--- a/ServiceHost/Areas/AdminNew/Pages/Company/RollCall/Index.cshtml
+++ b/ServiceHost/Areas/AdminNew/Pages/Company/RollCall/Index.cshtml
@@ -21,6 +21,7 @@ var index = 1;
 	<link href="~/AssetsClient/css/dropdown.css?ver=@Version.AdminVersion" rel="stylesheet" />
 	<link href="~/AssetsClient/css/filter-search.css?ver=@Version.AdminVersion" rel="stylesheet" />
 
+	<link href="~/assetsclient/libs/three-dots/three-dots.css" rel="stylesheet" />
 	<!-- sweet alerts -->
 
 	<style>
@@ -148,10 +149,10 @@ var index = 1;
 						</div>
 						<div class="Rtable-cell column-heading d-md-block d-none width2">نام کارگاه</div>
                         <div class="Rtable-cell column-heading d-md-block d-none width3">نوع سرویس</div>
-                        <div class="Rtable-cell column-heading d-md-block d-none width3new">کارپوشه</div>
 						<div class="Rtable-cell column-heading width4 text-center">تعداد پرسنل</div>
 						<div class="Rtable-cell column-heading width5 text-center">تعداد پرسنل فعال</div>
 						<div class="Rtable-cell column-heading d-md-block d-none width6 text-center">تعداد پرسنل در حال حضور و غیاب</div>
+						<div class="Rtable-cell column-heading d-md-block d-none width3new">کارپوشه</div>
 						<div class="Rtable-cell column-heading d-md-block d-none width7 text-center">وضعیت</div>
 						<div class="Rtable-cell column-heading d-flex width8 text-end">عملیات</div>
 					</div>
@@ -174,9 +175,6 @@ var index = 1;
 							<div class="Rtable-cell d-md-block d-none width3">
 								<div class="Rtable-cell--content text-start">@item.MaxPersonValid نفره</div>
 							</div>
-                            <div class="Rtable-cell d-md-block d-none width3new">
-                                <div class="Rtable-cell--content text-start">@item.UndoneWorkFlowsCount</div>
-                            </div>
                             <div class="Rtable-cell width4">
 								<div class="Rtable-cell--content text-center">@item.TotalEmployeesCount</div>
 							</div>
@@ -186,6 +184,15 @@ var index = 1;
 							<div class="Rtable-cell d-md-block d-none width6">
 								<div class="Rtable-cell--content text-center">@item.ActiveEmployeesWithRollCallInLastWeekCount</div>
 							</div>
+							<div class="Rtable-cell d-md-block d-none width3new">
+								<div class="Rtable-cell--content text-start" data-workshop-id="@item.WorkshopId">
+									<div class="snippet" data-title="dot-flashing">
+										<div class="stage">
+											<div class="dot-flashing"></div>
+										</div>
+									</div>
+								</div>
+							</div>
 							<div class="Rtable-cell d-md-block d-none width7">
 								<div class="Rtable-cell--content text-center">
 									@if (item.IsActive)
@@ -365,28 +372,52 @@ var index = 1;
 	<script src="~/assetsclient/js/site.js?ver=@Version.StyleVersion"></script>
 
 	<script>
-        if ($(window).width() < 768) {
-             $(document).on("click", ".openAction", function () {
-                 $(this).next().find(".operations-btns").slideToggle(500);
-                 $(".operations-btns").not($(this).next().find(".operations-btns")).slideUp(500);
-             });
-        }
+		var antiForgeryToken = $(`@Html.AntiForgeryToken()`).val();
 
-		$(document).ready(function () {
+		if ($(window).width() < 768) {
+			$(document).on("click",
+				".openAction",
+				function() {
+					$(this).next().find(".operations-btns").slideToggle(500);
+					$(".operations-btns").not($(this).next().find(".operations-btns")).slideUp(500);
+				});
+		}
+
+		$(document).ready(function() {
 			$("#getWorkshopList , #rollCallStatus ,#getWorkshopList2 , #rollCallStatus2").select2({
-                language: "fa",
-                dir: "rtl",
-            });
+				language: "fa",
+				dir: "rtl"
+			});
+
+			var workshopIds = [];
+			$('.Rtable-cell--content').each(function() {
+				var workshopId = $(this).data('workshop-id');
+				if (workshopId) {
+					workshopIds.push(workshopId);
+				}
+			});
+
+			var delay = 200;
+
+			function executeAjaxRequests(ids, index) {
+				if (index < ids.length) {
+					workFlowCountAjax(ids[index]);
+					setTimeout(function() {
+						executeAjaxRequests(ids, index + 1);
+					}, delay);
+				}
+			}
+			executeAjaxRequests(workshopIds, 0);
 
 
 			$('.loadingButton').on('click',
-				function () {
+				function() {
 					var button = $(this);
 					var loadingDiv = button.find('.loading');
 					loadingDiv.show();
 				});
 
-			$(window).scroll(function () {
+			$(window).scroll(function() {
 				if ($(window).scrollTop() + $(window).height() > $(document).height() - 600) {
 					//ajaxDataWithoutEmployee();
 				}
@@ -399,7 +430,7 @@ var index = 1;
 			});
 
 			$('.goToTop').on('click',
-				function () {
+				function() {
 					$('html, body').animate({ scrollTop: 0 }, 360);
 					return false;
 				});
@@ -412,5 +443,21 @@ var index = 1;
 			window.location.href = goTo + workshopId;
 		}
 
+		function workFlowCountAjax(id) {
+			$.ajax({
+				dataType: 'json',
+				type: 'POST',
+				url: `@Url.Page("./Index", "WorkFlowCountByWorkshopId")`,
+				data: { workshopId: id },
+				headers: { "RequestVerificationToken": antiForgeryToken },
+				success: function(response) {
+					$(`[data-workshop-id="${id}"]`).text(response.data);
+				},
+				error: function(xhr, status, error) {
+					console.log('Error:', error);
+				}
+			});
+		}
+
 	</script>
 }
\ No newline at end of file
diff --git a/ServiceHost/Areas/AdminNew/Pages/Company/RollCall/Index.cshtml.cs b/ServiceHost/Areas/AdminNew/Pages/Company/RollCall/Index.cshtml.cs
index 99849d96..aa4b8ffd 100644
--- a/ServiceHost/Areas/AdminNew/Pages/Company/RollCall/Index.cshtml.cs
+++ b/ServiceHost/Areas/AdminNew/Pages/Company/RollCall/Index.cshtml.cs
@@ -1,8 +1,10 @@
+
 using CompanyManagment.App.Contracts.Workshop;
 using Microsoft.AspNetCore.Mvc;
 using Microsoft.AspNetCore.Mvc.RazorPages;
 using Query.AdminReports.Handlers;
 using Query.AdminReports.Models;
+using WorkFlow.Application.Contracts.WorkFlow;
 
 namespace ServiceHost.Areas.AdminNew.Pages.Company.RollCall
 {
@@ -10,17 +12,19 @@ namespace ServiceHost.Areas.AdminNew.Pages.Company.RollCall
     {
 	    private readonly IGetWorkshopWithRollCallHandler _workshopWithRollCallHandler;
 	    private readonly IWorkshopApplication _workshopApplication;
+		private readonly IWorkFlowApplication _workflowApplication;
 	    public List<WorkshopWithRollCallServiceQueryModel> Items { get; set; }
 	    public List<WorkshopWithRollCallServiceQueryModel> WorkshopSearchItems { get; set; }
 	    public WorkshopWithRollCallServiceQueryParameters SearchModel;
 
 		public FilterMode FilterMode { get; set; }
-		public IndexModel(IGetWorkshopWithRollCallHandler workshopWithRollCallHandler, IWorkshopApplication workshopApplication)
+		public IndexModel(IGetWorkshopWithRollCallHandler workshopWithRollCallHandler, IWorkshopApplication workshopApplication, IWorkFlowApplication workflowApplication)
 		{
 			_workshopWithRollCallHandler = workshopWithRollCallHandler;
 			_workshopApplication = workshopApplication;
+			_workflowApplication = workflowApplication;
 		}
-
+		
 	    public void OnGet(WorkshopWithRollCallServiceQueryParameters searchModel)
 	    {
 		    SearchModel = new WorkshopWithRollCallServiceQueryParameters()
@@ -38,5 +42,14 @@ namespace ServiceHost.Areas.AdminNew.Pages.Company.RollCall
 	    {
 		    WorkshopSearchItems = _workshopWithRollCallHandler.Handle(new WorkshopWithRollCallServiceQueryParameters());
 	    }
+
+	    public async Task<IActionResult> OnPostWorkFlowCountByWorkshopId(long workshopId)
+	    {
+		    var result = await System.Threading.Tasks.Task.Run(() => _workflowApplication.GetAllWorkFlowCount(workshopId));
+		    return new JsonResult(new
+		    {
+			    data = result
+		    });
+	    }
     }
 }
diff --git a/ServiceHost/Areas/AdminNew/Pages/Company/Task/DetailTaskRequestTicketModal.cshtml b/ServiceHost/Areas/AdminNew/Pages/Company/Task/DetailTaskRequestTicketModal.cshtml
index d6c095be..5990b733 100644
--- a/ServiceHost/Areas/AdminNew/Pages/Company/Task/DetailTaskRequestTicketModal.cshtml
+++ b/ServiceHost/Areas/AdminNew/Pages/Company/Task/DetailTaskRequestTicketModal.cshtml
@@ -729,6 +729,9 @@
 	var uploadFileTicketAjax = '@Url.Page("/Company/Task/Index", "UploadFile")';
 	var deleteFileTicketAjax = '@Url.Page("/Company/Task/Index", "DeleteFile")';
 	var deleteAllFilesTicketAjax = '@Url.Page("/Company/Task/Index", "RemoveAllTempFiles")';
+	var urlAjaxAcceptPendingAdminResponse = '@Url.Page("/Company/Ticket/Index", "AcceptPendingAdminResponse")';
+	var urlAjaxRejectPendingAdminResponse = '@Url.Page("/Company/Ticket/Index", "RejectPendingAdminResponse")';
+	var urlAjaxEditPendingAdminResponse = '@Url.Page("/Company/Ticket/Index", "EditPendingAdminResponse")';
 
 	var taskId = Number(@Model.TaskDetails.Id);
 	var TicketId = Number(@Model.TaskDetails.TicketViewModel.Id);
diff --git a/ServiceHost/Areas/Client/Pages/Company/RollCall/ModalEditGroup.cshtml b/ServiceHost/Areas/Client/Pages/Company/RollCall/ModalEditGroup.cshtml
index 177a3e00..a3677695 100644
--- a/ServiceHost/Areas/Client/Pages/Company/RollCall/ModalEditGroup.cshtml
+++ b/ServiceHost/Areas/Client/Pages/Company/RollCall/ModalEditGroup.cshtml
@@ -218,7 +218,7 @@
 										else
 										{
 											<div class="col-1 d-flex align-items-center justify-content-end">
-												<button type="button" class="btnRemoveTimeWork">
+												<button type="button" class="btnRemoveTimeWorkRS">
 													<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
 														<circle cx="11" cy="11" r="8.25" stroke="white" />
 														<path d="M6.875 11H15.125" stroke="white" />
diff --git a/ServiceHost/ServiceHost.csproj b/ServiceHost/ServiceHost.csproj
index 459a8af9..7bff2a5d 100644
--- a/ServiceHost/ServiceHost.csproj
+++ b/ServiceHost/ServiceHost.csproj
@@ -730,6 +730,10 @@
     <None Include="wwwroot\AssetsClient\libs\select2\js\select2.full.min.js" />
     <None Include="wwwroot\AssetsClient\libs\select2\js\select2.js" />
     <None Include="wwwroot\AssetsClient\libs\select2\js\select2.min.js" />
+    <None Include="wwwroot\AssetsClient\libs\wordifyfa\wordifyfa.js" />
+    <None Include="wwwroot\AssetsClient\libs\wordifyfa\wordifyfa.js.map" />
+    <None Include="wwwroot\AssetsClient\libs\wordifyfa\wordifyfa.min.js" />
+    <None Include="wwwroot\AssetsClient\libs\wordifyfa\wordifyfa.min.js.map" />
     <None Include="wwwroot\AssetsClient\pages\Checkouts\js\PrintOne.js" />
     <None Include="wwwroot\AssetsClient\pages\Checkouts\js\PrintOneMobile.js" />
     <None Include="wwwroot\AssetsClient\pages\Checkouts\js\PrintOneRollCall.js" />
diff --git a/ServiceHost/Storage/Ticket/42/screenshot_638731627679227408.png b/ServiceHost/Storage/Ticket/42/screenshot_638731627679227408.png
new file mode 100644
index 00000000..2801ac35
Binary files /dev/null and b/ServiceHost/Storage/Ticket/42/screenshot_638731627679227408.png differ
diff --git a/ServiceHost/wwwroot/AssetsClient/libs/three-dots/three-dots.css b/ServiceHost/wwwroot/AssetsClient/libs/three-dots/three-dots.css
new file mode 100644
index 00000000..c6d8110f
--- /dev/null
+++ b/ServiceHost/wwwroot/AssetsClient/libs/three-dots/three-dots.css
@@ -0,0 +1,1290 @@
+
+/*!
+ * three-dots - v0.3.2
+ * CSS loading animations made with single element
+ * https://nzbin.github.io/three-dots/
+ *
+ * Copyright (c) 2018 nzbin
+ * Released under MIT License
+ */
+@charset "UTF-8";
+/**
+ * ==============================================
+ * Dot Elastic
+ * ==============================================
+ */
+.dot-elastic {
+    position: relative;
+    width: 10px;
+    height: 10px;
+    border-radius: 5px;
+    background-color: #9880ff;
+    color: #9880ff;
+    animation: dot-elastic 1s infinite linear;
+}
+
+    .dot-elastic::before, .dot-elastic::after {
+        content: "";
+        display: inline-block;
+        position: absolute;
+        top: 0;
+    }
+
+    .dot-elastic::before {
+        left: -15px;
+        width: 10px;
+        height: 10px;
+        border-radius: 5px;
+        background-color: #9880ff;
+        color: #9880ff;
+        animation: dot-elastic-before 1s infinite linear;
+    }
+
+    .dot-elastic::after {
+        left: 15px;
+        width: 10px;
+        height: 10px;
+        border-radius: 5px;
+        background-color: #9880ff;
+        color: #9880ff;
+        animation: dot-elastic-after 1s infinite linear;
+    }
+
+@keyframes dot-elastic-before {
+    0% {
+        transform: scale(1, 1);
+    }
+
+    25% {
+        transform: scale(1, 1.5);
+    }
+
+    50% {
+        transform: scale(1, 0.67);
+    }
+
+    75% {
+        transform: scale(1, 1);
+    }
+
+    100% {
+        transform: scale(1, 1);
+    }
+}
+
+@keyframes dot-elastic {
+    0% {
+        transform: scale(1, 1);
+    }
+
+    25% {
+        transform: scale(1, 1);
+    }
+
+    50% {
+        transform: scale(1, 1.5);
+    }
+
+    75% {
+        transform: scale(1, 1);
+    }
+
+    100% {
+        transform: scale(1, 1);
+    }
+}
+
+@keyframes dot-elastic-after {
+    0% {
+        transform: scale(1, 1);
+    }
+
+    25% {
+        transform: scale(1, 1);
+    }
+
+    50% {
+        transform: scale(1, 0.67);
+    }
+
+    75% {
+        transform: scale(1, 1.5);
+    }
+
+    100% {
+        transform: scale(1, 1);
+    }
+}
+/**
+ * ==============================================
+ * Dot Pulse
+ * ==============================================
+ */
+.dot-pulse {
+    position: relative;
+    left: -9999px;
+    width: 10px;
+    height: 10px;
+    border-radius: 5px;
+    background-color: #9880ff;
+    color: #9880ff;
+    box-shadow: 9999px 0 0 -5px;
+    animation: dot-pulse 1.5s infinite linear;
+    animation-delay: 0.25s;
+}
+
+    .dot-pulse::before, .dot-pulse::after {
+        content: "";
+        display: inline-block;
+        position: absolute;
+        top: 0;
+        width: 10px;
+        height: 10px;
+        border-radius: 5px;
+        background-color: #9880ff;
+        color: #9880ff;
+    }
+
+    .dot-pulse::before {
+        box-shadow: 9984px 0 0 -5px;
+        animation: dot-pulse-before 1.5s infinite linear;
+        animation-delay: 0s;
+    }
+
+    .dot-pulse::after {
+        box-shadow: 10014px 0 0 -5px;
+        animation: dot-pulse-after 1.5s infinite linear;
+        animation-delay: 0.5s;
+    }
+
+@keyframes dot-pulse-before {
+    0% {
+        box-shadow: 9984px 0 0 -5px;
+    }
+
+    30% {
+        box-shadow: 9984px 0 0 2px;
+    }
+
+    60%, 100% {
+        box-shadow: 9984px 0 0 -5px;
+    }
+}
+
+@keyframes dot-pulse {
+    0% {
+        box-shadow: 9999px 0 0 -5px;
+    }
+
+    30% {
+        box-shadow: 9999px 0 0 2px;
+    }
+
+    60%, 100% {
+        box-shadow: 9999px 0 0 -5px;
+    }
+}
+
+@keyframes dot-pulse-after {
+    0% {
+        box-shadow: 10014px 0 0 -5px;
+    }
+
+    30% {
+        box-shadow: 10014px 0 0 2px;
+    }
+
+    60%, 100% {
+        box-shadow: 10014px 0 0 -5px;
+    }
+}
+/**
+ * ==============================================
+ * Dot Flashing
+ * ==============================================
+ */
+.dot-flashing {
+    position: relative;
+    width: 10px;
+    height: 10px;
+    border-radius: 5px;
+    background-color: #9880ff;
+    color: #9880ff;
+    animation: dot-flashing 1s infinite linear alternate;
+    animation-delay: 0.5s;
+}
+
+    .dot-flashing::before, .dot-flashing::after {
+        content: "";
+        display: inline-block;
+        position: absolute;
+        top: 0;
+    }
+
+    .dot-flashing::before {
+        left: -15px;
+        width: 10px;
+        height: 10px;
+        border-radius: 5px;
+        background-color: #9880ff;
+        color: #9880ff;
+        animation: dot-flashing 1s infinite alternate;
+        animation-delay: 0s;
+    }
+
+    .dot-flashing::after {
+        left: 15px;
+        width: 10px;
+        height: 10px;
+        border-radius: 5px;
+        background-color: #9880ff;
+        color: #9880ff;
+        animation: dot-flashing 1s infinite alternate;
+        animation-delay: 1s;
+    }
+
+@keyframes dot-flashing {
+    0% {
+        background-color: #9880ff;
+    }
+
+    50%, 100% {
+        background-color: rgba(152, 128, 255, 0.2);
+    }
+}
+/**
+ * ==============================================
+ * Dot Collision
+ * ==============================================
+ */
+.dot-collision {
+    position: relative;
+    width: 10px;
+    height: 10px;
+    border-radius: 5px;
+    background-color: #9880ff;
+    color: #9880ff;
+}
+
+    .dot-collision::before, .dot-collision::after {
+        content: "";
+        display: inline-block;
+        position: absolute;
+        top: 0;
+    }
+
+    .dot-collision::before {
+        left: -10px;
+        width: 10px;
+        height: 10px;
+        border-radius: 5px;
+        background-color: #9880ff;
+        color: #9880ff;
+        animation: dot-collision-before 2s infinite ease-in;
+    }
+
+    .dot-collision::after {
+        left: 10px;
+        width: 10px;
+        height: 10px;
+        border-radius: 5px;
+        background-color: #9880ff;
+        color: #9880ff;
+        animation: dot-collision-after 2s infinite ease-in;
+        animation-delay: 1s;
+    }
+
+@keyframes dot-collision-before {
+    0%, 50%, 75%, 100% {
+        transform: translateX(0);
+    }
+
+    25% {
+        transform: translateX(-15px);
+    }
+}
+
+@keyframes dot-collision-after {
+    0%, 50%, 75%, 100% {
+        transform: translateX(0);
+    }
+
+    25% {
+        transform: translateX(15px);
+    }
+}
+/**
+ * ==============================================
+ * Dot Revolution
+ * ==============================================
+ */
+.dot-revolution {
+    position: relative;
+    width: 10px;
+    height: 10px;
+    border-radius: 5px;
+    background-color: #9880ff;
+    color: #9880ff;
+}
+
+    .dot-revolution::before, .dot-revolution::after {
+        content: "";
+        display: inline-block;
+        position: absolute;
+    }
+
+    .dot-revolution::before {
+        left: 0;
+        top: -15px;
+        width: 10px;
+        height: 10px;
+        border-radius: 5px;
+        background-color: #9880ff;
+        color: #9880ff;
+        transform-origin: 5px 20px;
+        animation: dot-revolution 1.4s linear infinite;
+    }
+
+    .dot-revolution::after {
+        left: 0;
+        top: -30px;
+        width: 10px;
+        height: 10px;
+        border-radius: 5px;
+        background-color: #9880ff;
+        color: #9880ff;
+        transform-origin: 5px 35px;
+        animation: dot-revolution 1s linear infinite;
+    }
+
+@keyframes dot-revolution {
+    0% {
+        transform: rotateZ(0deg) translate3d(0, 0, 0);
+    }
+
+    100% {
+        transform: rotateZ(360deg) translate3d(0, 0, 0);
+    }
+}
+/**
+ * ==============================================
+ * Dot Carousel
+ * ==============================================
+ */
+.dot-carousel {
+    position: relative;
+    left: -9999px;
+    width: 10px;
+    height: 10px;
+    border-radius: 5px;
+    background-color: #9880ff;
+    color: #9880ff;
+    box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;
+    animation: dot-carousel 1.5s infinite linear;
+}
+
+@keyframes dot-carousel {
+    0% {
+        box-shadow: 9984px 0 0 -1px #9880ff, 9999px 0 0 1px #9880ff, 10014px 0 0 -1px #9880ff;
+    }
+
+    50% {
+        box-shadow: 10014px 0 0 -1px #9880ff, 9984px 0 0 -1px #9880ff, 9999px 0 0 1px #9880ff;
+    }
+
+    100% {
+        box-shadow: 9999px 0 0 1px #9880ff, 10014px 0 0 -1px #9880ff, 9984px 0 0 -1px #9880ff;
+    }
+}
+/**
+ * ==============================================
+ * Dot Typing
+ * ==============================================
+ */
+.dot-typing {
+    position: relative;
+    left: -9999px;
+    width: 10px;
+    height: 10px;
+    border-radius: 5px;
+    background-color: #9880ff;
+    color: #9880ff;
+    box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;
+    animation: dot-typing 1.5s infinite linear;
+}
+
+@keyframes dot-typing {
+    0% {
+        box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;
+    }
+
+    16.667% {
+        box-shadow: 9984px -10px 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;
+    }
+
+    33.333% {
+        box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;
+    }
+
+    50% {
+        box-shadow: 9984px 0 0 0 #9880ff, 9999px -10px 0 0 #9880ff, 10014px 0 0 0 #9880ff;
+    }
+
+    66.667% {
+        box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;
+    }
+
+    83.333% {
+        box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px -10px 0 0 #9880ff;
+    }
+
+    100% {
+        box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;
+    }
+}
+/**
+ * ==============================================
+ * Dot Windmill
+ * ==============================================
+ */
+.dot-windmill {
+    position: relative;
+    top: -10px;
+    width: 10px;
+    height: 10px;
+    border-radius: 5px;
+    background-color: #9880ff;
+    color: #9880ff;
+    transform-origin: 5px 15px;
+    animation: dot-windmill 2s infinite linear;
+}
+
+    .dot-windmill::before, .dot-windmill::after {
+        content: "";
+        display: inline-block;
+        position: absolute;
+    }
+
+    .dot-windmill::before {
+        left: -8.66254px;
+        top: 15px;
+        width: 10px;
+        height: 10px;
+        border-radius: 5px;
+        background-color: #9880ff;
+        color: #9880ff;
+    }
+
+    .dot-windmill::after {
+        left: 8.66254px;
+        top: 15px;
+        width: 10px;
+        height: 10px;
+        border-radius: 5px;
+        background-color: #9880ff;
+        color: #9880ff;
+    }
+
+@keyframes dot-windmill {
+    0% {
+        transform: rotateZ(0deg) translate3d(0, 0, 0);
+    }
+
+    100% {
+        transform: rotateZ(720deg) translate3d(0, 0, 0);
+    }
+}
+/**
+ * ==============================================
+ * Dot Bricks
+ * ==============================================
+ */
+.dot-bricks {
+    position: relative;
+    top: 8px;
+    left: -9999px;
+    width: 10px;
+    height: 10px;
+    border-radius: 5px;
+    background-color: #9880ff;
+    color: #9880ff;
+    box-shadow: 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff;
+    animation: dot-bricks 2s infinite ease;
+}
+
+@keyframes dot-bricks {
+    0% {
+        box-shadow: 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff;
+    }
+
+    8.333% {
+        box-shadow: 10007px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff;
+    }
+
+    16.667% {
+        box-shadow: 10007px -16px 0 0 #9880ff, 9991px -16px 0 0 #9880ff, 10007px 0 0 0 #9880ff;
+    }
+
+    25% {
+        box-shadow: 10007px -16px 0 0 #9880ff, 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff;
+    }
+
+    33.333% {
+        box-shadow: 10007px 0 0 0 #9880ff, 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff;
+    }
+
+    41.667% {
+        box-shadow: 10007px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff;
+    }
+
+    50% {
+        box-shadow: 10007px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff, 9991px -16px 0 0 #9880ff;
+    }
+
+    58.333% {
+        box-shadow: 9991px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff, 9991px -16px 0 0 #9880ff;
+    }
+
+    66.666% {
+        box-shadow: 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff, 9991px -16px 0 0 #9880ff;
+    }
+
+    75% {
+        box-shadow: 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff;
+    }
+
+    83.333% {
+        box-shadow: 9991px -16px 0 0 #9880ff, 10007px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff;
+    }
+
+    91.667% {
+        box-shadow: 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff;
+    }
+
+    100% {
+        box-shadow: 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff;
+    }
+}
+/**
+ * ==============================================
+ * Dot Floating
+ * ==============================================
+ */
+.dot-floating {
+    position: relative;
+    width: 10px;
+    height: 10px;
+    border-radius: 5px;
+    background-color: #9880ff;
+    color: #9880ff;
+    animation: dot-floating 3s infinite cubic-bezier(0.15, 0.6, 0.9, 0.1);
+}
+
+    .dot-floating::before, .dot-floating::after {
+        content: "";
+        display: inline-block;
+        position: absolute;
+        top: 0;
+    }
+
+    .dot-floating::before {
+        left: -12px;
+        width: 10px;
+        height: 10px;
+        border-radius: 5px;
+        background-color: #9880ff;
+        color: #9880ff;
+        animation: dot-floating-before 3s infinite ease-in-out;
+    }
+
+    .dot-floating::after {
+        left: -24px;
+        width: 10px;
+        height: 10px;
+        border-radius: 5px;
+        background-color: #9880ff;
+        color: #9880ff;
+        animation: dot-floating-after 3s infinite cubic-bezier(0.4, 0, 1, 1);
+    }
+
+@keyframes dot-floating {
+    0% {
+        left: calc(-50% - 5px);
+    }
+
+    75% {
+        left: calc(50% + 105px);
+    }
+
+    100% {
+        left: calc(50% + 105px);
+    }
+}
+
+@keyframes dot-floating-before {
+    0% {
+        left: -50px;
+    }
+
+    50% {
+        left: -12px;
+    }
+
+    75% {
+        left: -50px;
+    }
+
+    100% {
+        left: -50px;
+    }
+}
+
+@keyframes dot-floating-after {
+    0% {
+        left: -100px;
+    }
+
+    50% {
+        left: -24px;
+    }
+
+    75% {
+        left: -100px;
+    }
+
+    100% {
+        left: -100px;
+    }
+}
+/**
+ * ==============================================
+ * Dot Fire
+ * ==============================================
+ */
+.dot-fire {
+    position: relative;
+    left: -9999px;
+    width: 10px;
+    height: 10px;
+    border-radius: 5px;
+    background-color: #9880ff;
+    color: #9880ff;
+    box-shadow: 9999px 22.5px 0 -5px #9880ff;
+    animation: dot-fire 1.5s infinite linear;
+    animation-delay: -0.85s;
+}
+
+    .dot-fire::before, .dot-fire::after {
+        content: "";
+        display: inline-block;
+        position: absolute;
+        top: 0;
+        width: 10px;
+        height: 10px;
+        border-radius: 5px;
+        background-color: #9880ff;
+        color: #9880ff;
+    }
+
+    .dot-fire::before {
+        box-shadow: 9999px 22.5px 0 -5px #9880ff;
+        animation: dot-fire 1.5s infinite linear;
+        animation-delay: -1.85s;
+    }
+
+    .dot-fire::after {
+        box-shadow: 9999px 22.5px 0 -5px #9880ff;
+        animation: dot-fire 1.5s infinite linear;
+        animation-delay: -2.85s;
+    }
+
+@keyframes dot-fire {
+    1% {
+        box-shadow: 9999px 22.5px 0 -5px #9880ff;
+    }
+
+    50% {
+        box-shadow: 9999px -5.625px 0 2px #9880ff;
+    }
+
+    100% {
+        box-shadow: 9999px -22.5px 0 -5px #9880ff;
+    }
+}
+/**
+ * ==============================================
+ * Dot Spin
+ * ==============================================
+ */
+.dot-spin {
+    position: relative;
+    width: 10px;
+    height: 10px;
+    border-radius: 5px;
+    background-color: transparent;
+    color: transparent;
+    box-shadow: 0 -18px 0 0 #9880ff, 12.727926px -12.727926px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.727926px 12.727926px 0 0 rgba(152, 128, 255, 0), 0 18px 0 0 rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 0 rgba(152, 128, 255, 0), -18px 0 0 0 rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 0 rgba(152, 128, 255, 0);
+    animation: dot-spin 1.5s infinite linear;
+}
+
+@keyframes dot-spin {
+    0%, 100% {
+        box-shadow: 0 -18px 0 0 #9880ff, 12.727926px -12.727926px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
+    }
+
+    12.5% {
+        box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.727926px 12.727926px 0 0 #9880ff, 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
+    }
+
+    25% {
+        box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 #9880ff, 12.727926px 12.727926px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
+    }
+
+    37.5% {
+        box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.727926px 12.727926px 0 0 #9880ff, -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
+    }
+
+    50% {
+        box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 #9880ff, -12.727926px 12.727926px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
+    }
+
+    62.5% {
+        box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.727926px -12.727926px 0 0 #9880ff;
+    }
+
+    75% {
+        box-shadow: 0 -18px 0 0 #9880ff, 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 #9880ff, -12.727926px -12.727926px 0 0 #9880ff;
+    }
+
+    87.5% {
+        box-shadow: 0 -18px 0 0 #9880ff, 12.727926px -12.727926px 0 0 #9880ff, 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 0 #9880ff;
+    }
+}
+/**
+ * ==============================================
+ * Dot Falling
+ * ==============================================
+ */
+.dot-falling {
+    position: relative;
+    left: -9999px;
+    width: 10px;
+    height: 10px;
+    border-radius: 5px;
+    background-color: #9880ff;
+    color: #9880ff;
+    box-shadow: 9999px 0 0 0 #9880ff;
+    animation: dot-falling 1s infinite linear;
+    animation-delay: 0.1s;
+}
+
+    .dot-falling::before, .dot-falling::after {
+        content: "";
+        display: inline-block;
+        position: absolute;
+        top: 0;
+    }
+
+    .dot-falling::before {
+        width: 10px;
+        height: 10px;
+        border-radius: 5px;
+        background-color: #9880ff;
+        color: #9880ff;
+        animation: dot-falling-before 1s infinite linear;
+        animation-delay: 0s;
+    }
+
+    .dot-falling::after {
+        width: 10px;
+        height: 10px;
+        border-radius: 5px;
+        background-color: #9880ff;
+        color: #9880ff;
+        animation: dot-falling-after 1s infinite linear;
+        animation-delay: 0.2s;
+    }
+
+@keyframes dot-falling {
+    0% {
+        box-shadow: 9999px -15px 0 0 rgba(152, 128, 255, 0);
+    }
+
+    25%, 50%, 75% {
+        box-shadow: 9999px 0 0 0 #9880ff;
+    }
+
+    100% {
+        box-shadow: 9999px 15px 0 0 rgba(152, 128, 255, 0);
+    }
+}
+
+@keyframes dot-falling-before {
+    0% {
+        box-shadow: 9984px -15px 0 0 rgba(152, 128, 255, 0);
+    }
+
+    25%, 50%, 75% {
+        box-shadow: 9984px 0 0 0 #9880ff;
+    }
+
+    100% {
+        box-shadow: 9984px 15px 0 0 rgba(152, 128, 255, 0);
+    }
+}
+
+@keyframes dot-falling-after {
+    0% {
+        box-shadow: 10014px -15px 0 0 rgba(152, 128, 255, 0);
+    }
+
+    25%, 50%, 75% {
+        box-shadow: 10014px 0 0 0 #9880ff;
+    }
+
+    100% {
+        box-shadow: 10014px 15px 0 0 rgba(152, 128, 255, 0);
+    }
+}
+/**
+ * ==============================================
+ * Dot Stretching
+ * ==============================================
+ */
+.dot-stretching {
+    position: relative;
+    width: 10px;
+    height: 10px;
+    border-radius: 5px;
+    background-color: #9880ff;
+    color: #9880ff;
+    transform: scale(1.25, 1.25);
+    animation: dot-stretching 2s infinite ease-in;
+}
+
+    .dot-stretching::before, .dot-stretching::after {
+        content: "";
+        display: inline-block;
+        position: absolute;
+        top: 0;
+    }
+
+    .dot-stretching::before {
+        width: 10px;
+        height: 10px;
+        border-radius: 5px;
+        background-color: #9880ff;
+        color: #9880ff;
+        animation: dot-stretching-before 2s infinite ease-in;
+    }
+
+    .dot-stretching::after {
+        width: 10px;
+        height: 10px;
+        border-radius: 5px;
+        background-color: #9880ff;
+        color: #9880ff;
+        animation: dot-stretching-after 2s infinite ease-in;
+    }
+
+@keyframes dot-stretching {
+    0% {
+        transform: scale(1.25, 1.25);
+    }
+
+    50%, 60% {
+        transform: scale(0.8, 0.8);
+    }
+
+    100% {
+        transform: scale(1.25, 1.25);
+    }
+}
+
+@keyframes dot-stretching-before {
+    0% {
+        transform: translate(0) scale(0.7, 0.7);
+    }
+
+    50%, 60% {
+        transform: translate(-20px) scale(1, 1);
+    }
+
+    100% {
+        transform: translate(0) scale(0.7, 0.7);
+    }
+}
+
+@keyframes dot-stretching-after {
+    0% {
+        transform: translate(0) scale(0.7, 0.7);
+    }
+
+    50%, 60% {
+        transform: translate(20px) scale(1, 1);
+    }
+
+    100% {
+        transform: translate(0) scale(0.7, 0.7);
+    }
+}
+/**
+ * ==============================================
+ * Experimental: Gooey Effect
+ * Dot Gathering
+ * ==============================================
+ */
+.dot-gathering {
+    position: relative;
+    width: 12px;
+    height: 12px;
+    border-radius: 6px;
+    background-color: hsl(0deg, 100%, 0%);
+    color: transparent;
+    margin: -1px 0;
+    filter: blur(2px);
+}
+
+    .dot-gathering::before, .dot-gathering::after {
+        content: "";
+        display: inline-block;
+        position: absolute;
+        top: 0;
+        left: -50px;
+        width: 12px;
+        height: 12px;
+        border-radius: 6px;
+        background-color: hsl(0deg, 100%, 0%);
+        color: transparent;
+        opacity: 0;
+        filter: blur(2px);
+        animation: dot-gathering 2s infinite ease-in;
+    }
+
+    .dot-gathering::after {
+        animation-delay: 0.5s;
+    }
+
+@keyframes dot-gathering {
+    0% {
+        opacity: 0;
+        transform: translateX(0);
+    }
+
+    35%, 60% {
+        opacity: 1;
+        transform: translateX(50px);
+    }
+
+    100% {
+        opacity: 0;
+        transform: translateX(100px);
+    }
+}
+/**
+ * ==============================================
+ * Experimental: Gooey Effect
+ * Dot Hourglass
+ * ==============================================
+ */
+.dot-hourglass {
+    position: relative;
+    top: -15px;
+    width: 12px;
+    height: 12px;
+    border-radius: 6px;
+    background-color: hsl(0deg, 100%, 0%);
+    color: transparent;
+    margin: -1px 0;
+    filter: blur(2px);
+    transform-origin: 5px 20px;
+    animation: dot-hourglass 2.4s infinite ease-in-out;
+    animation-delay: 0.6s;
+}
+
+    .dot-hourglass::before, .dot-hourglass::after {
+        content: "";
+        display: inline-block;
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 12px;
+        height: 12px;
+        border-radius: 6px;
+        background-color: hsl(0deg, 100%, 0%);
+        color: transparent;
+        filter: blur(2px);
+    }
+
+    .dot-hourglass::before {
+        top: 30px;
+    }
+
+    .dot-hourglass::after {
+        animation: dot-hourglass-after 2.4s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
+    }
+
+@keyframes dot-hourglass {
+    0% {
+        transform: rotateZ(0deg);
+    }
+
+    25% {
+        transform: rotateZ(180deg);
+    }
+
+    50% {
+        transform: rotateZ(180deg);
+    }
+
+    75% {
+        transform: rotateZ(360deg);
+    }
+
+    100% {
+        transform: rotateZ(360deg);
+    }
+}
+
+@keyframes dot-hourglass-after {
+    0% {
+        transform: translateY(0);
+    }
+
+    25% {
+        transform: translateY(30px);
+    }
+
+    50% {
+        transform: translateY(30px);
+    }
+
+    75% {
+        transform: translateY(0);
+    }
+
+    100% {
+        transform: translateY(0);
+    }
+}
+/**
+ * ==============================================
+ * Experimental: Gooey Effect
+ * Dot Overtaking
+ * ==============================================
+ */
+.dot-overtaking {
+    position: relative;
+    width: 12px;
+    height: 12px;
+    border-radius: 6px;
+    background-color: transparent;
+    color: hsl(0deg, 100%, 0%);
+    margin: -1px 0;
+    box-shadow: 0 -20px 0 0;
+    filter: blur(2px);
+    animation: dot-overtaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);
+}
+
+    .dot-overtaking::before, .dot-overtaking::after {
+        content: "";
+        display: inline-block;
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 12px;
+        height: 12px;
+        border-radius: 6px;
+        background-color: transparent;
+        color: hsl(0deg, 100%, 0%);
+        box-shadow: 0 -20px 0 0;
+        filter: blur(2px);
+    }
+
+    .dot-overtaking::before {
+        animation: dot-overtaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);
+        animation-delay: 0.3s;
+    }
+
+    .dot-overtaking::after {
+        animation: dot-overtaking 1.5s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);
+        animation-delay: 0.6s;
+    }
+
+@keyframes dot-overtaking {
+    0% {
+        transform: rotateZ(0deg);
+    }
+
+    100% {
+        transform: rotateZ(360deg);
+    }
+}
+/**
+ * ==============================================
+ * Experimental: Gooey Effect
+ * Dot Shuttle
+ * ==============================================
+ */
+.dot-shuttle {
+    position: relative;
+    left: -15px;
+    width: 12px;
+    height: 12px;
+    border-radius: 6px;
+    background-color: hsl(0deg, 100%, 0%);
+    color: transparent;
+    margin: -1px 0;
+    filter: blur(2px);
+}
+
+    .dot-shuttle::before, .dot-shuttle::after {
+        content: "";
+        display: inline-block;
+        position: absolute;
+        top: 0;
+        width: 12px;
+        height: 12px;
+        border-radius: 6px;
+        background-color: hsl(0deg, 100%, 0%);
+        color: transparent;
+        filter: blur(2px);
+    }
+
+    .dot-shuttle::before {
+        left: 15px;
+        animation: dot-shuttle 2s infinite ease-out;
+    }
+
+    .dot-shuttle::after {
+        left: 30px;
+    }
+
+@keyframes dot-shuttle {
+    0%, 50%, 100% {
+        transform: translateX(0);
+    }
+
+    25% {
+        transform: translateX(-45px);
+    }
+
+    75% {
+        transform: translateX(45px);
+    }
+}
+/**
+ * ==============================================
+ * Experimental: Emoji
+ * Dot Bouncing
+ * ==============================================
+ */
+.dot-bouncing {
+    position: relative;
+    height: 10px;
+    font-size: 10px;
+}
+
+    .dot-bouncing::before {
+        content: "⚽🏀🏐";
+        display: inline-block;
+        position: relative;
+        animation: dot-bouncing 1s infinite;
+    }
+
+@keyframes dot-bouncing {
+    0% {
+        top: -20px;
+        animation-timing-function: ease-in;
+    }
+
+    34% {
+        transform: scale(1, 1);
+    }
+
+    35% {
+        top: 20px;
+        animation-timing-function: ease-out;
+        transform: scale(1.5, 0.5);
+    }
+
+    45% {
+        transform: scale(1, 1);
+    }
+
+    90% {
+        top: -20px;
+    }
+
+    100% {
+        top: -20px;
+    }
+}
+/**
+ * ==============================================
+ * Experimental: Emoji
+ * Dot Rolling
+ * ==============================================
+ */
+.dot-rolling {
+    position: relative;
+    height: 10px;
+    font-size: 10px;
+}
+
+    .dot-rolling::before {
+        content: "⚽";
+        display: inline-block;
+        position: relative;
+        transform: translateX(-25px);
+        animation: dot-rolling 3s infinite;
+    }
+
+@keyframes dot-rolling {
+    0% {
+        content: "⚽";
+        transform: translateX(-25px) rotateZ(0deg);
+    }
+
+    16.667% {
+        content: "⚽";
+        transform: translateX(25px) rotateZ(720deg);
+    }
+
+    33.333% {
+        content: "⚽";
+        transform: translateX(-25px) rotateZ(0deg);
+    }
+
+    34.333% {
+        content: "🏀";
+        transform: translateX(-25px) rotateZ(0deg);
+    }
+
+    50% {
+        content: "🏀";
+        transform: translateX(25px) rotateZ(720deg);
+    }
+
+    66.667% {
+        content: "🏀";
+        transform: translateX(-25px) rotateZ(0deg);
+    }
+
+    67.667% {
+        content: "🏐";
+        transform: translateX(-25px) rotateZ(0deg);
+    }
+
+    83.333% {
+        content: "🏐";
+        transform: translateX(25px) rotateZ(720deg);
+    }
+
+    100% {
+        content: "🏐";
+        transform: translateX(-25px) rotateZ(0deg);
+    }
+}
+
+/*# sourceMappingURL=three-dots.css.map */
diff --git a/ServiceHost/wwwroot/AssetsClient/libs/wordifyfa/wordifyfa.js b/ServiceHost/wwwroot/AssetsClient/libs/wordifyfa/wordifyfa.js
new file mode 100644
index 00000000..2d8403d8
--- /dev/null
+++ b/ServiceHost/wwwroot/AssetsClient/libs/wordifyfa/wordifyfa.js
@@ -0,0 +1,353 @@
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 171:
+/***/ ((module, __unused_webpack___webpack_exports__, __webpack_require__) => {
+
+
+// UNUSED EXPORTS: momentApprox, momentPrecise, wordifyMomentApprox, wordifyMomentPrecise, wordifyRials, wordifyRialsInTomans, wordifyfa
+
+;// CONCATENATED MODULE: ./src/toEnglishDigits.ts
+function toEnglishDigits(num) {
+    if (num === null || num === undefined) {
+        return null;
+    }
+    if (typeof num !== 'string' || num.length === 0)
+        return num.toString();
+    var faDigits = '۰۱۲۳۴۵۶۷۸۹';
+    var arDigits = '٠١٢٣٤٥٦٧٨٩';
+    var output = "";
+    for (var ipos = 0; ipos < num.length; ipos++) {
+        var faIndex = faDigits.indexOf(num[ipos]);
+        if (faIndex >= 0) {
+            output += faIndex.toString();
+            continue;
+        }
+        var arIndex = arDigits.indexOf(num[ipos]);
+        if (arIndex >= 0) {
+            output += arIndex.toString();
+            continue;
+        }
+        output += num[ipos];
+    }
+    return output.replace(/,/g, "");
+}
+
+;// CONCATENATED MODULE: ./src/wordifyfa.ts
+/* module decorator */ module = __webpack_require__.hmd(module);
+
+function wordifyfa(input, level) {
+    if (level === void 0) { level = 0; }
+    if (input === null) {
+        return "";
+    }
+    var num = parseInt(toEnglishDigits(input));
+    if (num < 0) {
+        num = num * -1;
+        return "منفی " + wordifyfa(num, level);
+    }
+    if (num === 0) {
+        if (level === 0) {
+            return "صفر";
+        }
+        else {
+            return "";
+        }
+    }
+    var result = "";
+    var yekan = ["یک", "دو", "سه", "چهار", "پنج", "شش", "هفت", "هشت", "نه"], dahgan = ["بیست", "سی", "چهل", "پنجاه", "شصت", "هفتاد", "هشتاد", "نود"], sadgan = ["یکصد", "دویست", "سیصد", "چهارصد", "پانصد", "ششصد", "هفتصد", "هشتصد", "نهصد"], dah = ["ده", "یازده", "دوازده", "سیزده", "چهارده", "پانزده", "شانزده", "هفده", "هیجده", "نوزده"];
+    if (level > 0) {
+        result += " و ";
+        level -= 1;
+    }
+    if (num < 10) {
+        result += yekan[num - 1];
+    }
+    else if (num < 20) {
+        result += dah[num - 10];
+    }
+    else if (num < 100) {
+        result += dahgan[Math.floor(num / 10) - 2] + wordifyfa(num % 10, level + 1);
+    }
+    else if (num < 1000) {
+        result += sadgan[Math.floor(num / 100) - 1] + wordifyfa(num % 100, level + 1);
+    }
+    else if (num < 1000000) {
+        result += wordifyfa(Math.floor(num / 1000), level) + " هزار" + wordifyfa(num % 1000, level + 1);
+    }
+    else if (num < 1000000000) {
+        result += wordifyfa(Math.floor(num / 1000000), level) + " میلیون" + wordifyfa(num % 1000000, level + 1);
+    }
+    else if (num < 1000000000000) {
+        result += wordifyfa(Math.floor(num / 1000000000), level) + " میلیارد" + wordifyfa(num % 1000000000, level + 1);
+    }
+    else if (num < 1000000000000000) {
+        result += wordifyfa(Math.floor(num / 1000000000000), level) + " تریلیارد" + wordifyfa(num % 1000000000000, level + 1);
+    }
+    return result;
+}
+function wordifyRials(num) {
+    if (num === null || num === undefined || num === "") {
+        return "";
+    }
+    return wordifyfa(num, 0) + " ریال";
+}
+function wordifyRialsInTomans(num) {
+    if (num === null || num === undefined || num === "") {
+        return "";
+    }
+    if (typeof num == "string") {
+        var cleanNumber = toEnglishDigits(num);
+        num = parseInt(cleanNumber);
+    }
+    if (num >= 10 || num <= -10) {
+        num = Math.floor(num / 10);
+    }
+    else {
+        num = 0;
+    }
+    return wordifyfa(num, 0) + " تومان";
+}
+function momentApprox(date, baseDate, suffixBefore, suffixAfter) {
+    if (suffixBefore === void 0) { suffixBefore = "پیش"; }
+    if (suffixAfter === void 0) { suffixAfter = "بعد"; }
+    return wordifyMomentApprox(date, baseDate, suffixBefore, suffixAfter, false);
+}
+function wordifyMomentApprox(date, baseDate, suffixBefore, suffixAfter, doWordify) {
+    if (suffixBefore === void 0) { suffixBefore = "پیش"; }
+    if (suffixAfter === void 0) { suffixAfter = "بعد"; }
+    if (doWordify === void 0) { doWordify = true; }
+    if (date === null || date === undefined || date === "") {
+        return "";
+    }
+    if (baseDate == null || baseDate == undefined || baseDate == "") {
+        baseDate = new Date();
+    }
+    if (typeof date == "string") {
+        date = new Date(date);
+    }
+    if (typeof baseDate == "string") {
+        baseDate = new Date(baseDate);
+    }
+    var suffix = suffixBefore;
+    var diff = Math.floor((baseDate.getTime() - date.getTime()) / 1000) * 1000;
+    if (diff < 0) {
+        suffix = suffixAfter;
+        diff = Math.abs(diff);
+    }
+    var diffYears = Math.floor(diff / 31557600000);
+    if (diffYears > 0) {
+        return (doWordify ? wordifyfa(diffYears) : diffYears) + " سال " + suffix;
+    }
+    var diffMonths = Math.floor(diff / 2629800000);
+    if (diffMonths > 0) {
+        return (doWordify ? wordifyfa(diffMonths) : diffMonths) + " ماه " + suffix;
+    }
+    var diffWeeks = Math.floor(diff / 604800000);
+    if (diffWeeks > 0) {
+        return (doWordify ? wordifyfa(diffWeeks) : diffWeeks) + " هفته " + suffix;
+    }
+    var diffDays = Math.floor(diff / 86400000);
+    if (diffDays > 0) {
+        return (doWordify ? wordifyfa(diffDays) : diffDays) + " روز " + suffix;
+    }
+    var diffHours = Math.floor(diff / 3600000);
+    if (diffHours > 0) {
+        return (doWordify ? wordifyfa(diffHours) : diffHours) + " ساعت " + suffix;
+    }
+    var diffMinutes = Math.floor(diff / 60000);
+    if (diffMinutes > 0) {
+        return (doWordify ? wordifyfa(diffMinutes) : diffMinutes) + " دقیقه " + suffix;
+    }
+    var diffSeconds = Math.floor(diff / 1000);
+    if (diffSeconds > 0) {
+        return "چند لحظه " + suffix;
+    }
+    return "بلافاصله";
+}
+function momentPrecise(date, baseDate, suffixBefore, suffixAfter) {
+    if (suffixBefore === void 0) { suffixBefore = "پیش"; }
+    if (suffixAfter === void 0) { suffixAfter = "بعد"; }
+    return wordifyMomentPrecise(date, baseDate, suffixBefore, suffixAfter, false);
+}
+function wordifyMomentPrecise(date, baseDate, suffixBefore, suffixAfter, doWordify) {
+    if (suffixBefore === void 0) { suffixBefore = "پیش"; }
+    if (suffixAfter === void 0) { suffixAfter = "بعد"; }
+    if (doWordify === void 0) { doWordify = true; }
+    if (date === null || date === undefined || date === "") {
+        return "";
+    }
+    if (baseDate == null || baseDate == undefined || baseDate == "") {
+        baseDate = new Date();
+    }
+    if (typeof date == "string") {
+        date = new Date(date);
+    }
+    if (typeof baseDate == "string") {
+        baseDate = new Date(baseDate);
+    }
+    var suffix = suffixBefore;
+    var diff = Math.floor((baseDate.getTime() - date.getTime()) / 1000) * 1000;
+    if (diff < 0) {
+        suffix = suffixAfter;
+        diff = Math.abs(diff);
+    }
+    var result = "";
+    var diffYears = Math.floor(diff / 31557600000);
+    if (diffYears > 0) {
+        diff -= (diffYears * 31557600000);
+    }
+    var diffMonths = Math.floor(diff / 2629800000);
+    if (diffMonths > 0) {
+        diff -= (diffMonths * 2629800000);
+    }
+    var diffWeeks = Math.floor(diff / 604800000);
+    if (diffWeeks > 0) {
+        diff -= (diffWeeks * 604800000);
+    }
+    var diffDays = Math.floor(diff / 86400000);
+    if (diffDays > 0) {
+        diff -= (diffDays * 86400000);
+    }
+    var diffHours = Math.floor(diff / 3600000);
+    if (diffHours > 0) {
+        diff -= (diffHours * 3600000);
+    }
+    var diffMinutes = Math.floor(diff / 60000);
+    if (diffMinutes > 0) {
+        diff -= (diffMinutes * 60000);
+    }
+    var diffSeconds = Math.floor(diff / 1000);
+    if (diffYears > 0) {
+        result = (doWordify ? wordifyfa(diffYears) : diffYears) + " سال ";
+    }
+    if (diffMonths > 0) {
+        if (result.length > 0) {
+            result += "و ";
+        }
+        result += (doWordify ? wordifyfa(diffMonths) : diffMinutes) + " ماه ";
+    }
+    if (diffWeeks > 0) {
+        if (result.length > 0) {
+            result += "و ";
+        }
+        result += (doWordify ? wordifyfa(diffWeeks) : diffWeeks) + " هفته ";
+    }
+    if (diffDays > 0) {
+        if (result.length > 0) {
+            result += "و ";
+        }
+        result += (doWordify ? wordifyfa(diffDays) : diffDays) + " روز ";
+    }
+    if (diffHours > 0) {
+        if (result.length > 0) {
+            result += "و ";
+        }
+        result += (doWordify ? wordifyfa(diffHours) : diffHours) + " ساعت ";
+    }
+    if (diffMinutes > 0) {
+        if (result.length > 0) {
+            result += "و ";
+        }
+        result += (doWordify ? wordifyfa(diffMinutes) : diffMinutes) + " دقیقه ";
+    }
+    if (diffSeconds > 0) {
+        if (result.length > 0) {
+            result += "و ";
+        }
+        result += (doWordify ? wordifyfa(diffSeconds) : diffSeconds) + " ثانیه ";
+    }
+    if (result.length == 0) {
+        return "بلافاصله";
+    }
+    result += suffix;
+    return result;
+}
+(function () {
+    if (typeof window !== "undefined") {
+        window["wordifyfa"] = wordifyfa;
+        window["wordifyRials"] = wordifyRials;
+        window["wordifyRialsInTomans"] = wordifyRialsInTomans;
+        window["wordifyMomentApprox"] = wordifyMomentApprox;
+        window["momentApprox"] = momentApprox;
+    }
+    else if ( true && module.exports) {
+        module.exports["wordifyfa"] = wordifyfa;
+        module.exports["wordifyRials"] = wordifyRials;
+        module.exports["wordifyRialsInTomans"] = wordifyRialsInTomans;
+        module.exports["wordifyMomentApprox"] = wordifyMomentApprox;
+        module.exports["momentApprox"] = momentApprox;
+    }
+    else if (typeof define === 'function' && __webpack_require__.amdO) {
+        define(function () { return wordifyfa; });
+        define(function () { return wordifyRials; });
+        define(function () { return wordifyRialsInTomans; });
+        define(function () { return wordifyMomentApprox; });
+        define(function () { return momentApprox; });
+    }
+}());
+
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			id: moduleId,
+/******/ 			loaded: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Flag the module as loaded
+/******/ 		module.loaded = true;
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/amd options */
+/******/ 	(() => {
+/******/ 		__webpack_require__.amdO = {};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/harmony module decorator */
+/******/ 	(() => {
+/******/ 		__webpack_require__.hmd = (module) => {
+/******/ 			module = Object.create(module);
+/******/ 			if (!module.children) module.children = [];
+/******/ 			Object.defineProperty(module, 'exports', {
+/******/ 				enumerable: true,
+/******/ 				set: () => {
+/******/ 					throw new Error('ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: ' + module.id);
+/******/ 				}
+/******/ 			});
+/******/ 			return module;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+/******/ 	
+/******/ 	// startup
+/******/ 	// Load entry module and return exports
+/******/ 	// This entry module is referenced by other modules so it can't be inlined
+/******/ 	var __webpack_exports__ = __webpack_require__(171);
+/******/ 	
+/******/ })()
+;
+//# sourceMappingURL=wordifyfa.js.map
\ No newline at end of file
diff --git a/ServiceHost/wwwroot/AssetsClient/libs/wordifyfa/wordifyfa.js.map b/ServiceHost/wwwroot/AssetsClient/libs/wordifyfa/wordifyfa.js.map
new file mode 100644
index 00000000..b770bd1a
--- /dev/null
+++ b/ServiceHost/wwwroot/AssetsClient/libs/wordifyfa/wordifyfa.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"wordifyfa.js","mappings":"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","sources":["webpack://wordifyfa/./src/toEnglishDigits.ts","webpack://wordifyfa/./src/wordifyfa.ts","webpack://wordifyfa/webpack/bootstrap","webpack://wordifyfa/webpack/runtime/amd options","webpack://wordifyfa/webpack/runtime/harmony module decorator","webpack://wordifyfa/webpack/before-startup","webpack://wordifyfa/webpack/startup","webpack://wordifyfa/webpack/after-startup"],"sourcesContent":["export default function toEnglishDigits(num:string|number):string {\r\n\r\n    if (num === null || num === undefined) {\r\n        return null;\r\n    }\r\n\r\n    if (typeof num !== 'string' || num.length===0)\r\n        return num.toString();\r\n\r\n    const faDigits = '۰۱۲۳۴۵۶۷۸۹';\r\n    const arDigits = '٠١٢٣٤٥٦٧٨٩';\r\n    let output = \"\";\r\n    for (let ipos = 0; ipos < num.length; ipos++) {\r\n\r\n        let faIndex = faDigits.indexOf(num[ipos]);\r\n        if (faIndex >= 0) {\r\n            output += faIndex.toString();\r\n            continue;\r\n        }\r\n        let arIndex = arDigits.indexOf(num[ipos]);\r\n        if (arIndex >= 0) {\r\n            output += arIndex.toString();\r\n            continue;\r\n        }\r\n        output += num[ipos];\r\n    }\r\n    return output.replace(/,/g, \"\");\r\n}","// Persian Wordifier\r\n// Version: 1.3.0\r\n// Author: Salman Arab Ameri\r\n// Publish: 2020-05-15\r\n// with use of ideas in http://www.dotnettips.info/post/626/%D8%AA%D8%A8%D8%AF%DB%8C%D9%84-%D8%B9%D8%AF%D8%AF-%D8%A8%D9%87-%D8%AD%D8%B1%D9%88%D9%81\r\n\r\nimport toEnglishDigits from \"./toEnglishDigits\";\r\n\r\nexport function wordifyfa(input:string|number, level:number=0):string {\r\n    \r\n\r\n    if (input === null) {\r\n        return \"\";\r\n    }\r\n\r\n    let num:number = parseInt(toEnglishDigits(input));\r\n    \r\n\r\n    // convert negative number to positive and get wordify value\r\n    if (num < 0) {\r\n        num = num * -1;\r\n        return \"منفی \" + wordifyfa(num, level);\r\n    }\r\n    if (num === 0) {\r\n        if (level === 0) {\r\n            return \"صفر\";\r\n        } else {\r\n            return \"\";\r\n        }\r\n    }\r\n    let result = \"\";\r\n    const yekan = [\"یک\", \"دو\", \"سه\", \"چهار\", \"پنج\", \"شش\", \"هفت\", \"هشت\", \"نه\"],\r\n        dahgan = [\"بیست\", \"سی\", \"چهل\", \"پنجاه\", \"شصت\", \"هفتاد\", \"هشتاد\", \"نود\"],\r\n        sadgan = [\"یکصد\", \"دویست\", \"سیصد\", \"چهارصد\", \"پانصد\", \"ششصد\", \"هفتصد\", \"هشتصد\", \"نهصد\"],\r\n        dah = [\"ده\", \"یازده\", \"دوازده\", \"سیزده\", \"چهارده\", \"پانزده\", \"شانزده\", \"هفده\", \"هیجده\", \"نوزده\"];\r\n\r\n    if (level > 0) {\r\n        result += \" و \";\r\n        level -= 1;\r\n    }\r\n\r\n    if (num < 10) {\r\n        result += yekan[num - 1];\r\n    } else if (num < 20) {\r\n        result += dah[num - 10];\r\n    } else if (num < 100) {\r\n        result += dahgan[Math.floor(num / 10) - 2] + wordifyfa(num % 10, level + 1);\r\n    } else if (num < 1000) {\r\n        result += sadgan[Math.floor(num / 100) - 1] + wordifyfa(num % 100, level + 1);\r\n    } else if (num < 1000000) {\r\n        result += wordifyfa(Math.floor(num / 1000), level) + \" هزار\" + wordifyfa(num % 1000, level + 1);\r\n    } else if (num < 1000000000) {\r\n        result += wordifyfa(Math.floor(num / 1000000), level) + \" میلیون\" + wordifyfa(num % 1000000, level + 1);\r\n    } else if (num < 1000000000000) {\r\n        result += wordifyfa(Math.floor(num / 1000000000), level) + \" میلیارد\" + wordifyfa(num % 1000000000, level + 1);\r\n    } else if (num < 1000000000000000) {\r\n        result += wordifyfa(Math.floor(num / 1000000000000), level) + \" تریلیارد\" + wordifyfa(num % 1000000000000, level + 1);\r\n    }\r\n\r\n    return result;\r\n}\r\n\r\nexport function wordifyRials(num:string|number):string {\r\n    if (num === null || num === undefined || num === \"\") {\r\n        return \"\";\r\n    }\r\n    return wordifyfa(num, 0) + \" ریال\";\r\n}\r\n\r\nexport function wordifyRialsInTomans(num:string|number):string {\r\n    if(num === null || num === undefined || num === \"\") {\r\n        return \"\";\r\n    }\r\n    if(typeof num == \"string\") {\r\n        var cleanNumber = toEnglishDigits(num);\r\n        num=parseInt(cleanNumber);\r\n    }\r\n    \r\n    if (num >= 10 || num<=-10) {\r\n        num = Math.floor(num / 10);\r\n    } else {\r\n        num = 0;\r\n    }\r\n    return wordifyfa(num, 0) + \" تومان\";\r\n}\r\nexport function momentApprox(date:Date|string|null, baseDate?:Date|string|null, suffixBefore:string=\"پیش\", suffixAfter:string=\"بعد\"):string {\r\n    return wordifyMomentApprox(date, baseDate, suffixBefore, suffixAfter, false);\r\n}\r\nexport function wordifyMomentApprox(date:Date|string|null, baseDate?:Date|string|null, suffixBefore:string=\"پیش\", suffixAfter:string=\"بعد\", doWordify:boolean=true):string {\r\n    if(date === null || date === undefined || date === \"\") {\r\n        return \"\";\r\n    }\r\n    if (baseDate==null || baseDate==undefined || baseDate==\"\") {\r\n        baseDate = new Date();\r\n    }\r\n    if(typeof date == \"string\") {\r\n        date = new Date(date);\r\n    }\r\n    if(typeof baseDate == \"string\") {\r\n        baseDate = new Date(baseDate);\r\n    }\r\n    let suffix = suffixBefore;\r\n    let diff = Math.floor((baseDate.getTime() - date.getTime())/1000) * 1000;\r\n    if (diff<0) {\r\n        suffix = suffixAfter;\r\n        diff = Math.abs(diff);\r\n    }\r\n    let diffYears = Math.floor(diff / 31557600000);\r\n    if(diffYears>0) {\r\n        return (doWordify ? wordifyfa(diffYears) : diffYears) + \" سال \" + suffix;\r\n    }\r\n    let diffMonths = Math.floor(diff / 2629800000);\r\n    if(diffMonths>0) {\r\n        return (doWordify ? wordifyfa(diffMonths):diffMonths) + \" ماه \" + suffix;\r\n    }\r\n    let diffWeeks = Math.floor(diff / 604800000);\r\n    if(diffWeeks>0) {\r\n        return (doWordify?wordifyfa(diffWeeks):diffWeeks) + \" هفته \" + suffix;\r\n    }\r\n    let diffDays = Math.floor(diff / 86400000);\r\n    if(diffDays>0) {\r\n        return (doWordify?wordifyfa(diffDays):diffDays) + \" روز \" + suffix;\r\n    }\r\n    let diffHours = Math.floor(diff / 3600000);\r\n    if(diffHours>0) {\r\n        return (doWordify?wordifyfa(diffHours):diffHours) + \" ساعت \" + suffix;\r\n    }\r\n\r\n    let diffMinutes = Math.floor(diff / 60000);\r\n    if(diffMinutes>0) {\r\n        return (doWordify?wordifyfa(diffMinutes):diffMinutes) + \" دقیقه \" + suffix;\r\n    }\r\n\r\n    let diffSeconds = Math.floor(diff / 1000);\r\n\r\n    if (diffSeconds > 0) {\r\n        return \"چند لحظه \" + suffix;\r\n    }    \r\n    return \"بلافاصله\";\r\n\r\n}\r\n\r\nexport function momentPrecise(date:Date|string|null, baseDate?:Date|string|null, suffixBefore:string=\"پیش\", suffixAfter:string=\"بعد\"):string {\r\n    return wordifyMomentPrecise(date, baseDate, suffixBefore, suffixAfter, false);\r\n}\r\n\r\nexport function wordifyMomentPrecise(date:Date|string|null, baseDate?:Date|string|null, suffixBefore:string=\"پیش\", suffixAfter:string=\"بعد\", doWordify:boolean=true):string {\r\n    if(date === null || date === undefined || date === \"\") {\r\n        return \"\";\r\n    }\r\n    if (baseDate==null || baseDate==undefined || baseDate==\"\") {\r\n        baseDate = new Date();\r\n    }\r\n    if(typeof date == \"string\") {\r\n        date = new Date(date);\r\n    }\r\n    if(typeof baseDate == \"string\") {\r\n        baseDate = new Date(baseDate);\r\n    }\r\n\r\n    let suffix = suffixBefore;\r\n    let diff = Math.floor((baseDate.getTime() - date.getTime())/1000) * 1000;\r\n    if (diff<0) {\r\n        suffix = suffixAfter;\r\n        diff = Math.abs(diff);\r\n    }\r\n\r\n    let result = \"\";\r\n    let diffYears = Math.floor(diff / 31557600000);\r\n    if (diffYears>0) {\r\n        diff -= (diffYears * 31557600000);\r\n    }\r\n    let diffMonths = Math.floor(diff / 2629800000);\r\n    if (diffMonths>0) {\r\n        diff -= (diffMonths * 2629800000);\r\n    }\r\n    let diffWeeks = Math.floor(diff / 604800000);\r\n    if (diffWeeks>0) {\r\n        diff -= (diffWeeks * 604800000);\r\n    }\r\n    let diffDays = Math.floor(diff / 86400000);\r\n    if (diffDays>0) {\r\n        diff -= (diffDays * 86400000);\r\n    }\r\n    let diffHours = Math.floor(diff / 3600000);\r\n    if (diffHours>0) {\r\n        diff -= (diffHours * 3600000);\r\n    }\r\n\r\n    let diffMinutes = Math.floor(diff / 60000);\r\n    if (diffMinutes>0) {\r\n        diff -= (diffMinutes * 60000);\r\n    }\r\n\r\n    let diffSeconds = Math.floor(diff / 1000);\r\n\r\n    if (diffYears > 0) {\r\n        result = (doWordify?wordifyfa(diffYears):diffYears) + \" سال \";\r\n    }\r\n\r\n    if (diffMonths > 0) {\r\n        if(result.length>0) { \r\n            result+=\"و \"; \r\n        }\r\n        result += (doWordify?wordifyfa(diffMonths):diffMinutes) + \" ماه \";\r\n    }\r\n\r\n    if (diffWeeks > 0) {\r\n        if(result.length>0) { result+=\"و \"; }\r\n        result += (doWordify?wordifyfa(diffWeeks):diffWeeks) + \" هفته \";\r\n    }\r\n\r\n    if (diffDays > 0) {\r\n        if(result.length>0) { result+=\"و \"; }\r\n        result += (doWordify?wordifyfa(diffDays):diffDays) + \" روز \";\r\n    }    \r\n\r\n    if (diffHours > 0) {\r\n        if(result.length>0) { result+=\"و \"; }\r\n        result += (doWordify?wordifyfa(diffHours):diffHours) + \" ساعت \";\r\n    }    \r\n\r\n    if (diffMinutes > 0) {\r\n        if(result.length>0) { result+=\"و \"; }\r\n        result += (doWordify?wordifyfa(diffMinutes):diffMinutes) + \" دقیقه \";\r\n    }    \r\n\r\n    if (diffSeconds > 0) {\r\n        if (result.length>0) { result+=\"و \"; }\r\n        result +=(doWordify? wordifyfa(diffSeconds):diffSeconds) + \" ثانیه \";\r\n    }    \r\n    if (result.length==0) {\r\n        return \"بلافاصله\";\r\n    }\r\n    result +=suffix;\r\n    return result;\r\n}\r\n\r\ndeclare var define: any;\r\ndeclare var module: any;\r\n\r\n(function() {\r\n    //expose it through Window\r\n    if (typeof window !== \"undefined\") {\r\n        (window as any)[\"wordifyfa\"] = wordifyfa;\r\n        (window as any)[\"wordifyRials\"] = wordifyRials;\r\n        (window as any)[\"wordifyRialsInTomans\"] = wordifyRialsInTomans;\r\n        (window as any)[\"wordifyMomentApprox\"] = wordifyMomentApprox;\r\n        (window as any)[\"momentApprox\"] = momentApprox;\r\n\r\n    }    \r\n    // Node: Export function\r\n    else if (typeof module !== \"undefined\" && module.exports) {\r\n        module.exports[\"wordifyfa\"] = wordifyfa;\r\n        module.exports[\"wordifyRials\"] = wordifyRials;\r\n        module.exports[\"wordifyRialsInTomans\"] = wordifyRialsInTomans;\r\n        module.exports[\"wordifyMomentApprox\"] = wordifyMomentApprox;\r\n        module.exports[\"momentApprox\"] = momentApprox;\r\n\r\n    }\r\n    // AMD/requirejs: Define the module\r\n    else if (typeof define === 'function' && define.amd) {\r\n        define(() => wordifyfa);\r\n        define(() => wordifyRials);\r\n        define(() => wordifyRialsInTomans);\r\n        define(() => wordifyMomentApprox);\r\n        define(() => momentApprox);\r\n\r\n    }\r\n}())","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\tloaded: false,\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Flag the module as loaded\n\tmodule.loaded = true;\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","__webpack_require__.amdO = {};","__webpack_require__.hmd = (module) => {\n\tmodule = Object.create(module);\n\tif (!module.children) module.children = [];\n\tObject.defineProperty(module, 'exports', {\n\t\tenumerable: true,\n\t\tset: () => {\n\t\t\tthrow new Error('ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: ' + module.id);\n\t\t}\n\t});\n\treturn module;\n};","","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(171);\n",""],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/ServiceHost/wwwroot/AssetsClient/libs/wordifyfa/wordifyfa.min.js b/ServiceHost/wwwroot/AssetsClient/libs/wordifyfa/wordifyfa.min.js
new file mode 100644
index 00000000..ac41600b
--- /dev/null
+++ b/ServiceHost/wwwroot/AssetsClient/libs/wordifyfa/wordifyfa.min.js
@@ -0,0 +1,2 @@
+(()=>{"use strict";var r={171:(r,e,t)=>{function o(r){if(null==r)return null;if("string"!=typeof r||0===r.length)return r.toString();for(var e="",t=0;t<r.length;t++){var o="۰۱۲۳۴۵۶۷۸۹".indexOf(r[t]);if(o>=0)e+=o.toString();else{var n="٠١٢٣٤٥٦٧٨٩".indexOf(r[t]);e+=n>=0?n.toString():r[t]}}return e.replace(/,/g,"")}function n(r,e){if(void 0===e&&(e=0),null===r)return"";var t=parseInt(o(r));if(t<0)return"منفی "+n(t*=-1,e);if(0===t)return 0===e?"صفر":"";var i="";return e>0&&(i+=" و ",e-=1),t<10?i+=["یک","دو","سه","چهار","پنج","شش","هفت","هشت","نه"][t-1]:t<20?i+=["ده","یازده","دوازده","سیزده","چهارده","پانزده","شانزده","هفده","هیجده","نوزده"][t-10]:t<100?i+=["بیست","سی","چهل","پنجاه","شصت","هفتاد","هشتاد","نود"][Math.floor(t/10)-2]+n(t%10,e+1):t<1e3?i+=["یکصد","دویست","سیصد","چهارصد","پانصد","ششصد","هفتصد","هشتصد","نهصد"][Math.floor(t/100)-1]+n(t%100,e+1):t<1e6?i+=n(Math.floor(t/1e3),e)+" هزار"+n(t%1e3,e+1):t<1e9?i+=n(Math.floor(t/1e6),e)+" میلیون"+n(t%1e6,e+1):t<1e12?i+=n(Math.floor(t/1e9),e)+" میلیارد"+n(t%1e9,e+1):t<1e15&&(i+=n(Math.floor(t/1e12),e)+" تریلیارد"+n(t%1e12,e+1)),i}function i(r){return null==r||""===r?"":n(r,0)+" ریال"}function f(r){if(null==r||""===r)return"";if("string"==typeof r){var e=o(r);r=parseInt(e)}return n(r=r>=10||r<=-10?Math.floor(r/10):0,0)+" تومان"}function a(r,e,t,o){return void 0===t&&(t="پیش"),void 0===o&&(o="بعد"),u(r,e,t,o,!1)}function u(r,e,t,o,i){if(void 0===t&&(t="پیش"),void 0===o&&(o="بعد"),void 0===i&&(i=!0),null==r||""===r)return"";null!=e&&null!=e&&""!=e||(e=new Date),"string"==typeof r&&(r=new Date(r)),"string"==typeof e&&(e=new Date(e));var f=t,a=1e3*Math.floor((e.getTime()-r.getTime())/1e3);a<0&&(f=o,a=Math.abs(a));var u=Math.floor(a/315576e5);if(u>0)return(i?n(u):u)+" سال "+f;var d=Math.floor(a/26298e5);if(d>0)return(i?n(d):d)+" ماه "+f;var l=Math.floor(a/6048e5);if(l>0)return(i?n(l):l)+" هفته "+f;var s=Math.floor(a/864e5);if(s>0)return(i?n(s):s)+" روز "+f;var p=Math.floor(a/36e5);if(p>0)return(i?n(p):p)+" ساعت "+f;var w=Math.floor(a/6e4);return w>0?(i?n(w):w)+" دقیقه "+f:Math.floor(a/1e3)>0?"چند لحظه "+f:"بلافاصله"}r=t.hmd(r),"undefined"!=typeof window?(window.wordifyfa=n,window.wordifyRials=i,window.wordifyRialsInTomans=f,window.wordifyMomentApprox=u,window.momentApprox=a):r.exports?(r.exports.wordifyfa=n,r.exports.wordifyRials=i,r.exports.wordifyRialsInTomans=f,r.exports.wordifyMomentApprox=u,r.exports.momentApprox=a):"function"==typeof define&&t.amdO&&(define((function(){return n})),define((function(){return i})),define((function(){return f})),define((function(){return u})),define((function(){return a})))}},e={};function t(o){var n=e[o];if(void 0!==n)return n.exports;var i=e[o]={id:o,loaded:!1,exports:{}};return r[o](i,i.exports,t),i.loaded=!0,i.exports}t.amdO={},t.hmd=r=>((r=Object.create(r)).children||(r.children=[]),Object.defineProperty(r,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+r.id)}}),r);t(171)})();
+//# sourceMappingURL=wordifyfa.min.js.map
\ No newline at end of file
diff --git a/ServiceHost/wwwroot/AssetsClient/libs/wordifyfa/wordifyfa.min.js.map b/ServiceHost/wwwroot/AssetsClient/libs/wordifyfa/wordifyfa.min.js.map
new file mode 100644
index 00000000..9c9f22e8
--- /dev/null
+++ b/ServiceHost/wwwroot/AssetsClient/libs/wordifyfa/wordifyfa.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"wordifyfa.min.js","mappings":"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","sources":["webpack://wordifyfa/./src/toEnglishDigits.ts","webpack://wordifyfa/./src/wordifyfa.ts","webpack://wordifyfa/webpack/bootstrap","webpack://wordifyfa/webpack/runtime/amd options","webpack://wordifyfa/webpack/runtime/harmony module decorator","webpack://wordifyfa/webpack/startup"],"sourcesContent":["export default function toEnglishDigits(num:string|number):string {\r\n\r\n    if (num === null || num === undefined) {\r\n        return null;\r\n    }\r\n\r\n    if (typeof num !== 'string' || num.length===0)\r\n        return num.toString();\r\n\r\n    const faDigits = '۰۱۲۳۴۵۶۷۸۹';\r\n    const arDigits = '٠١٢٣٤٥٦٧٨٩';\r\n    let output = \"\";\r\n    for (let ipos = 0; ipos < num.length; ipos++) {\r\n\r\n        let faIndex = faDigits.indexOf(num[ipos]);\r\n        if (faIndex >= 0) {\r\n            output += faIndex.toString();\r\n            continue;\r\n        }\r\n        let arIndex = arDigits.indexOf(num[ipos]);\r\n        if (arIndex >= 0) {\r\n            output += arIndex.toString();\r\n            continue;\r\n        }\r\n        output += num[ipos];\r\n    }\r\n    return output.replace(/,/g, \"\");\r\n}","// Persian Wordifier\r\n// Version: 1.3.0\r\n// Author: Salman Arab Ameri\r\n// Publish: 2020-05-15\r\n// with use of ideas in http://www.dotnettips.info/post/626/%D8%AA%D8%A8%D8%AF%DB%8C%D9%84-%D8%B9%D8%AF%D8%AF-%D8%A8%D9%87-%D8%AD%D8%B1%D9%88%D9%81\r\n\r\nimport toEnglishDigits from \"./toEnglishDigits\";\r\n\r\nexport function wordifyfa(input:string|number, level:number=0):string {\r\n    \r\n\r\n    if (input === null) {\r\n        return \"\";\r\n    }\r\n\r\n    let num:number = parseInt(toEnglishDigits(input));\r\n    \r\n\r\n    // convert negative number to positive and get wordify value\r\n    if (num < 0) {\r\n        num = num * -1;\r\n        return \"منفی \" + wordifyfa(num, level);\r\n    }\r\n    if (num === 0) {\r\n        if (level === 0) {\r\n            return \"صفر\";\r\n        } else {\r\n            return \"\";\r\n        }\r\n    }\r\n    let result = \"\";\r\n    const yekan = [\"یک\", \"دو\", \"سه\", \"چهار\", \"پنج\", \"شش\", \"هفت\", \"هشت\", \"نه\"],\r\n        dahgan = [\"بیست\", \"سی\", \"چهل\", \"پنجاه\", \"شصت\", \"هفتاد\", \"هشتاد\", \"نود\"],\r\n        sadgan = [\"یکصد\", \"دویست\", \"سیصد\", \"چهارصد\", \"پانصد\", \"ششصد\", \"هفتصد\", \"هشتصد\", \"نهصد\"],\r\n        dah = [\"ده\", \"یازده\", \"دوازده\", \"سیزده\", \"چهارده\", \"پانزده\", \"شانزده\", \"هفده\", \"هیجده\", \"نوزده\"];\r\n\r\n    if (level > 0) {\r\n        result += \" و \";\r\n        level -= 1;\r\n    }\r\n\r\n    if (num < 10) {\r\n        result += yekan[num - 1];\r\n    } else if (num < 20) {\r\n        result += dah[num - 10];\r\n    } else if (num < 100) {\r\n        result += dahgan[Math.floor(num / 10) - 2] + wordifyfa(num % 10, level + 1);\r\n    } else if (num < 1000) {\r\n        result += sadgan[Math.floor(num / 100) - 1] + wordifyfa(num % 100, level + 1);\r\n    } else if (num < 1000000) {\r\n        result += wordifyfa(Math.floor(num / 1000), level) + \" هزار\" + wordifyfa(num % 1000, level + 1);\r\n    } else if (num < 1000000000) {\r\n        result += wordifyfa(Math.floor(num / 1000000), level) + \" میلیون\" + wordifyfa(num % 1000000, level + 1);\r\n    } else if (num < 1000000000000) {\r\n        result += wordifyfa(Math.floor(num / 1000000000), level) + \" میلیارد\" + wordifyfa(num % 1000000000, level + 1);\r\n    } else if (num < 1000000000000000) {\r\n        result += wordifyfa(Math.floor(num / 1000000000000), level) + \" تریلیارد\" + wordifyfa(num % 1000000000000, level + 1);\r\n    }\r\n\r\n    return result;\r\n}\r\n\r\nexport function wordifyRials(num:string|number):string {\r\n    if (num === null || num === undefined || num === \"\") {\r\n        return \"\";\r\n    }\r\n    return wordifyfa(num, 0) + \" ریال\";\r\n}\r\n\r\nexport function wordifyRialsInTomans(num:string|number):string {\r\n    if(num === null || num === undefined || num === \"\") {\r\n        return \"\";\r\n    }\r\n    if(typeof num == \"string\") {\r\n        var cleanNumber = toEnglishDigits(num);\r\n        num=parseInt(cleanNumber);\r\n    }\r\n    \r\n    if (num >= 10 || num<=-10) {\r\n        num = Math.floor(num / 10);\r\n    } else {\r\n        num = 0;\r\n    }\r\n    return wordifyfa(num, 0) + \" تومان\";\r\n}\r\nexport function momentApprox(date:Date|string|null, baseDate?:Date|string|null, suffixBefore:string=\"پیش\", suffixAfter:string=\"بعد\"):string {\r\n    return wordifyMomentApprox(date, baseDate, suffixBefore, suffixAfter, false);\r\n}\r\nexport function wordifyMomentApprox(date:Date|string|null, baseDate?:Date|string|null, suffixBefore:string=\"پیش\", suffixAfter:string=\"بعد\", doWordify:boolean=true):string {\r\n    if(date === null || date === undefined || date === \"\") {\r\n        return \"\";\r\n    }\r\n    if (baseDate==null || baseDate==undefined || baseDate==\"\") {\r\n        baseDate = new Date();\r\n    }\r\n    if(typeof date == \"string\") {\r\n        date = new Date(date);\r\n    }\r\n    if(typeof baseDate == \"string\") {\r\n        baseDate = new Date(baseDate);\r\n    }\r\n    let suffix = suffixBefore;\r\n    let diff = Math.floor((baseDate.getTime() - date.getTime())/1000) * 1000;\r\n    if (diff<0) {\r\n        suffix = suffixAfter;\r\n        diff = Math.abs(diff);\r\n    }\r\n    let diffYears = Math.floor(diff / 31557600000);\r\n    if(diffYears>0) {\r\n        return (doWordify ? wordifyfa(diffYears) : diffYears) + \" سال \" + suffix;\r\n    }\r\n    let diffMonths = Math.floor(diff / 2629800000);\r\n    if(diffMonths>0) {\r\n        return (doWordify ? wordifyfa(diffMonths):diffMonths) + \" ماه \" + suffix;\r\n    }\r\n    let diffWeeks = Math.floor(diff / 604800000);\r\n    if(diffWeeks>0) {\r\n        return (doWordify?wordifyfa(diffWeeks):diffWeeks) + \" هفته \" + suffix;\r\n    }\r\n    let diffDays = Math.floor(diff / 86400000);\r\n    if(diffDays>0) {\r\n        return (doWordify?wordifyfa(diffDays):diffDays) + \" روز \" + suffix;\r\n    }\r\n    let diffHours = Math.floor(diff / 3600000);\r\n    if(diffHours>0) {\r\n        return (doWordify?wordifyfa(diffHours):diffHours) + \" ساعت \" + suffix;\r\n    }\r\n\r\n    let diffMinutes = Math.floor(diff / 60000);\r\n    if(diffMinutes>0) {\r\n        return (doWordify?wordifyfa(diffMinutes):diffMinutes) + \" دقیقه \" + suffix;\r\n    }\r\n\r\n    let diffSeconds = Math.floor(diff / 1000);\r\n\r\n    if (diffSeconds > 0) {\r\n        return \"چند لحظه \" + suffix;\r\n    }    \r\n    return \"بلافاصله\";\r\n\r\n}\r\n\r\nexport function momentPrecise(date:Date|string|null, baseDate?:Date|string|null, suffixBefore:string=\"پیش\", suffixAfter:string=\"بعد\"):string {\r\n    return wordifyMomentPrecise(date, baseDate, suffixBefore, suffixAfter, false);\r\n}\r\n\r\nexport function wordifyMomentPrecise(date:Date|string|null, baseDate?:Date|string|null, suffixBefore:string=\"پیش\", suffixAfter:string=\"بعد\", doWordify:boolean=true):string {\r\n    if(date === null || date === undefined || date === \"\") {\r\n        return \"\";\r\n    }\r\n    if (baseDate==null || baseDate==undefined || baseDate==\"\") {\r\n        baseDate = new Date();\r\n    }\r\n    if(typeof date == \"string\") {\r\n        date = new Date(date);\r\n    }\r\n    if(typeof baseDate == \"string\") {\r\n        baseDate = new Date(baseDate);\r\n    }\r\n\r\n    let suffix = suffixBefore;\r\n    let diff = Math.floor((baseDate.getTime() - date.getTime())/1000) * 1000;\r\n    if (diff<0) {\r\n        suffix = suffixAfter;\r\n        diff = Math.abs(diff);\r\n    }\r\n\r\n    let result = \"\";\r\n    let diffYears = Math.floor(diff / 31557600000);\r\n    if (diffYears>0) {\r\n        diff -= (diffYears * 31557600000);\r\n    }\r\n    let diffMonths = Math.floor(diff / 2629800000);\r\n    if (diffMonths>0) {\r\n        diff -= (diffMonths * 2629800000);\r\n    }\r\n    let diffWeeks = Math.floor(diff / 604800000);\r\n    if (diffWeeks>0) {\r\n        diff -= (diffWeeks * 604800000);\r\n    }\r\n    let diffDays = Math.floor(diff / 86400000);\r\n    if (diffDays>0) {\r\n        diff -= (diffDays * 86400000);\r\n    }\r\n    let diffHours = Math.floor(diff / 3600000);\r\n    if (diffHours>0) {\r\n        diff -= (diffHours * 3600000);\r\n    }\r\n\r\n    let diffMinutes = Math.floor(diff / 60000);\r\n    if (diffMinutes>0) {\r\n        diff -= (diffMinutes * 60000);\r\n    }\r\n\r\n    let diffSeconds = Math.floor(diff / 1000);\r\n\r\n    if (diffYears > 0) {\r\n        result = (doWordify?wordifyfa(diffYears):diffYears) + \" سال \";\r\n    }\r\n\r\n    if (diffMonths > 0) {\r\n        if(result.length>0) { \r\n            result+=\"و \"; \r\n        }\r\n        result += (doWordify?wordifyfa(diffMonths):diffMinutes) + \" ماه \";\r\n    }\r\n\r\n    if (diffWeeks > 0) {\r\n        if(result.length>0) { result+=\"و \"; }\r\n        result += (doWordify?wordifyfa(diffWeeks):diffWeeks) + \" هفته \";\r\n    }\r\n\r\n    if (diffDays > 0) {\r\n        if(result.length>0) { result+=\"و \"; }\r\n        result += (doWordify?wordifyfa(diffDays):diffDays) + \" روز \";\r\n    }    \r\n\r\n    if (diffHours > 0) {\r\n        if(result.length>0) { result+=\"و \"; }\r\n        result += (doWordify?wordifyfa(diffHours):diffHours) + \" ساعت \";\r\n    }    \r\n\r\n    if (diffMinutes > 0) {\r\n        if(result.length>0) { result+=\"و \"; }\r\n        result += (doWordify?wordifyfa(diffMinutes):diffMinutes) + \" دقیقه \";\r\n    }    \r\n\r\n    if (diffSeconds > 0) {\r\n        if (result.length>0) { result+=\"و \"; }\r\n        result +=(doWordify? wordifyfa(diffSeconds):diffSeconds) + \" ثانیه \";\r\n    }    \r\n    if (result.length==0) {\r\n        return \"بلافاصله\";\r\n    }\r\n    result +=suffix;\r\n    return result;\r\n}\r\n\r\ndeclare var define: any;\r\ndeclare var module: any;\r\n\r\n(function() {\r\n    //expose it through Window\r\n    if (typeof window !== \"undefined\") {\r\n        (window as any)[\"wordifyfa\"] = wordifyfa;\r\n        (window as any)[\"wordifyRials\"] = wordifyRials;\r\n        (window as any)[\"wordifyRialsInTomans\"] = wordifyRialsInTomans;\r\n        (window as any)[\"wordifyMomentApprox\"] = wordifyMomentApprox;\r\n        (window as any)[\"momentApprox\"] = momentApprox;\r\n\r\n    }    \r\n    // Node: Export function\r\n    else if (typeof module !== \"undefined\" && module.exports) {\r\n        module.exports[\"wordifyfa\"] = wordifyfa;\r\n        module.exports[\"wordifyRials\"] = wordifyRials;\r\n        module.exports[\"wordifyRialsInTomans\"] = wordifyRialsInTomans;\r\n        module.exports[\"wordifyMomentApprox\"] = wordifyMomentApprox;\r\n        module.exports[\"momentApprox\"] = momentApprox;\r\n\r\n    }\r\n    // AMD/requirejs: Define the module\r\n    else if (typeof define === 'function' && define.amd) {\r\n        define(() => wordifyfa);\r\n        define(() => wordifyRials);\r\n        define(() => wordifyRialsInTomans);\r\n        define(() => wordifyMomentApprox);\r\n        define(() => momentApprox);\r\n\r\n    }\r\n}())","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\tloaded: false,\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Flag the module as loaded\n\tmodule.loaded = true;\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","__webpack_require__.amdO = {};","__webpack_require__.hmd = (module) => {\n\tmodule = Object.create(module);\n\tif (!module.children) module.children = [];\n\tObject.defineProperty(module, 'exports', {\n\t\tenumerable: true,\n\t\tset: () => {\n\t\t\tthrow new Error('ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: ' + module.id);\n\t\t}\n\t});\n\treturn module;\n};","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(171);\n"],"names":["toEnglishDigits","num","length","toString","output","ipos","faIndex","indexOf","arIndex","replace","wordifyfa","input","level","parseInt","result","Math","floor","wordifyRials","wordifyRialsInTomans","cleanNumber","momentApprox","date","baseDate","suffixBefore","suffixAfter","wordifyMomentApprox","doWordify","undefined","Date","suffix","diff","getTime","abs","diffYears","diffMonths","diffWeeks","diffDays","diffHours","diffMinutes","window","module","exports","define","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","id","loaded","__webpack_modules__","amdO","hmd","Object","create","children","defineProperty","enumerable","set","Error"],"sourceRoot":""}
\ No newline at end of file
diff --git a/ServiceHost/wwwroot/AssetsClient/pages/RollCall/js/ModalEditGroup.js b/ServiceHost/wwwroot/AssetsClient/pages/RollCall/js/ModalEditGroup.js
index aa6b133e..590213aa 100644
--- a/ServiceHost/wwwroot/AssetsClient/pages/RollCall/js/ModalEditGroup.js
+++ b/ServiceHost/wwwroot/AssetsClient/pages/RollCall/js/ModalEditGroup.js
@@ -475,6 +475,9 @@
         // Update Remove button enable/disable state
         updateRemoveButtonsRS();
     });
+
+    updateRemoveButtons();
+    updateRemoveButtonsRS();
 });
 
 function updateRemoveButtons() {