diff --git a/src/ui/pages/component/CL-Transcription/SettingsButtonComponent.jsx b/src/ui/pages/component/CL-Transcription/SettingsButtonComponent.jsx
index 410f461a..7ae0056d 100644
--- a/src/ui/pages/component/CL-Transcription/SettingsButtonComponent.jsx
+++ b/src/ui/pages/component/CL-Transcription/SettingsButtonComponent.jsx
@@ -23,6 +23,7 @@ import SettingsIcon from "@mui/icons-material/Settings";
 import CheckIcon from "@mui/icons-material/Check";
 import UndoIcon from "@mui/icons-material/Undo";
 import RedoIcon from "@mui/icons-material/Redo";
+import TagIcon from '@mui/icons-material/Tag';
 import SplitscreenIcon from "@mui/icons-material/Splitscreen";
 // import { FindAndReplace } from "common";
 import VisibilityIcon from "@mui/icons-material/Visibility";
@@ -54,6 +55,9 @@ const SettingsButtonComponent = ({
   saveTranscriptHandler,
   setOpenConfirmDialog,
   durationError,
+  handleDoubleHashes,
+  sethash,
+hash,
   onUndo,
   onRedo,
   undoStack,
@@ -221,6 +225,14 @@ const SettingsButtonComponent = ({
             }
           />
         </MenuItem>
+        <MenuItem>
+          <FormControlLabel
+            label="Double Hash"
+            control={<Checkbox checked={hash} onChange={() => {
+              sethash(!hash);
+            }} />}
+          />
+        </MenuItem>
         <MenuItem>
           <FormControlLabel
             label="Advanced Settings"
@@ -296,7 +308,27 @@ const SettingsButtonComponent = ({
         className={classes.rightPanelDivider}
         style={{ border: "1px solid grey", height: "auto", margin: "0 5px" }}
       />
+{hash && (
+      
+        <Tooltip title="Double Hash" placement="bottom">
+          <IconButton
+            className={classes.rightPanelBtnGrp}
+            style={{
+              backgroundColor: "#2C2799",
+              borderRadius: "50%",
+              color: "#fff",
+              marginLeft: "5px",
+              "&:hover": {
+                backgroundColor: "#271e4f",
+              },
+            }}
+            onClick={() => handleDoubleHashes()}
+          >
+            <TagIcon className={classes.rightPanelSvg} />
+          </IconButton>
+        </Tooltip>
 
+      )}
       <Tooltip title="Font Size" placement="bottom">
         <IconButton
           className={classes.rightPanelBtnGrp}
@@ -304,7 +336,7 @@ const SettingsButtonComponent = ({
             backgroundColor: "#2C2799",
             borderRadius: "50%",
             color: "#fff",
-            marginX: "5px",
+            marginLeft: "5px",
             "&:hover": {
               backgroundColor: "#271e4f",
             },
diff --git a/src/ui/pages/component/common/DetailsViewPage.jsx b/src/ui/pages/component/common/DetailsViewPage.jsx
index ab9f1941..5fe5d02b 100644
--- a/src/ui/pages/component/common/DetailsViewPage.jsx
+++ b/src/ui/pages/component/common/DetailsViewPage.jsx
@@ -269,50 +269,57 @@ const DetailsViewPage = (props) => {
     <ThemeProvider theme={themeDefault}>
       {loading && <Spinner />}
       {renderSnackBar()}
-      <Grid
-        container
-        direction="row"
-        justifyContent="center"
-        alignItems="center"
-      >
+      <Grid container direction="row" sx={{ maxWidth: "100%" }}>
         <Card className={classes.workspaceCard}>
           {pageType === componentType.Type_Organization && (
-            <Typography variant="h2" gutterBottom component="div">
+            <Typography
+              variant="h2"
+              gutterBottom
+              component="div"
+              style={{
+                justifyContent: "center",
+                alignItems: "center",
+                textAlign: "center",
+              }}
+            >
               {title}
             </Typography>
           )}
           {pageType === componentType.Type_Workspace && (
-            <Grid
-              container
-              direction="row"
-              justifyContent="center"
+            <Box
+              display="flex"
               alignItems="center"
+              justifyContent="space-between"
               sx={{ mb: 3 }}
             >
-              <Grid item xs={12} sm={12} md={10} lg={10} xl={10}>
-                <Typography variant="h3">{title}</Typography>
-              </Grid>
+              <Box flex="1" textAlign="center" sx={{ marginLeft: "3rem" }}>
+                <Typography variant="h2">{title}</Typography>
+              </Box>
 
               {(userRole.Annotator !== userDetails?.role ||
                 userRole.Reviewer !== userDetails?.role ||
                 userRole.SuperChecker !== userDetails?.role) && (
-                <Grid item xs={12} sm={12} md={2} lg={2} xl={2}>
-                  <Tooltip title={translate("label.showProjectSettings")}>
-                    <IconButton
-                      onClick={handleOpenSettings}
-                      sx={{ marginLeft: "140px" }}
-                    >
-                      <SettingsOutlinedIcon
-                        color="primary.dark"
-                        fontSize="large"
-                      />
-                    </IconButton>
-                  </Tooltip>
-                </Grid>
+                <Tooltip title={translate("label.showProjectSettings")}>
+                  <IconButton onClick={handleOpenSettings}>
+                    <SettingsOutlinedIcon
+                      color="primary.dark"
+                      fontSize="large"
+                    />
+                  </IconButton>
+                </Tooltip>
               )}
-            </Grid>
+            </Box>
           )}
-          <Typography variant="body1" gutterBottom component="div">
+          <Typography
+            variant="body1"
+            gutterBottom
+            component="div"
+            style={{
+              justifyContent: "center",
+              alignItems: "center",
+              textAlign: "center",
+            }}
+          >
             Created by : {createdBy}
           </Typography>
           <Box>
@@ -320,79 +327,175 @@ const DetailsViewPage = (props) => {
               value={value}
               onChange={handleChange}
               aria-label="basic tabs example"
+              variant="fullWidth"
+              TabIndicatorProps={{
+                style: { display: "none" },
+              }}
             >
               {pageType === componentType.Type_Workspace && (
                 <Tab
                   label={translate("label.projects")}
-                  sx={{ fontSize: 16, fontWeight: "700" }}
+                  sx={{
+                    fontSize: 16,
+                    fontWeight: "700",
+                    bgcolor: value === 0 ? "#d3d3d3" : "#F5F5F5",
+                    color: value === 0 ? "black" : "text.primary",
+                    borderRadius: 1,
+                    "&:hover": {
+                      bgcolor: "#e0e0e0",
+                    },
+                  }}
                 />
               )}
               {pageType === componentType.Type_Organization && (
                 <Tab
                   label={translate("label.workspaces")}
-                  sx={{ fontSize: 16, fontWeight: "700" }}
+                  sx={{
+                    fontSize: 16,
+                    fontWeight: "700",
+                    bgcolor: value === 0 ? "#d3d3d3" : "#F5F5F5",
+                    color: value === 0 ? "black" : "text.primary",
+                    borderRadius: 1,
+                    "&:hover": {
+                      bgcolor: "#e0e0e0",
+                    },
+                  }}
                 />
               )}
 
               {pageType === componentType.Type_Workspace && (
                 <Tab
                   label={translate("label.members")}
-                  sx={{ fontSize: 16, fontWeight: "700" }}
+                  sx={{
+                    fontSize: 16,
+                    fontWeight: "700",
+                    bgcolor: value === 1 ? "#d3d3d3" : "#F5F5F5",
+                    color: value === 1 ? "black" : "text.primary",
+                    borderRadius: 1,
+                    "&:hover": {
+                      bgcolor: "#e0e0e0",
+                    },
+                  }}
                 />
               )}
               {pageType === componentType.Type_Organization && (
                 <Tab
                   label={translate("label.members")}
-                  sx={{ fontSize: 16, fontWeight: "700" }}
+                  sx={{
+                    fontSize: 16,
+                    fontWeight: "700",
+                    bgcolor: value === 1 ? "#d3d3d3" : "#F5F5F5",
+                    color: value === 1 ? "black" : "text.primary",
+                    borderRadius: 1,
+                    "&:hover": {
+                      bgcolor: "#e0e0e0",
+                    },
+                  }}
                 />
               )}
 
               {pageType === componentType.Type_Workspace && (
                 <Tab
                   label={translate("label.managers")}
-                  sx={{ fontSize: 16, fontWeight: "700" }}
+                  sx={{
+                    fontSize: 16,
+                    fontWeight: "700",
+                    bgcolor: value === 2 ? "#d3d3d3" : "#F5F5F5",
+                    color: value === 2 ? "black" : "text.primary",
+                    borderRadius: 1,
+                    "&:hover": {
+                      bgcolor: "#e0e0e0",
+                    },
+                  }}
                 />
               )}
               {pageType === componentType.Type_Organization && (
                 <Tab
                   label={translate("label.invites")}
-                  sx={{ fontSize: 16, fontWeight: "700" }}
+                  sx={{
+                    fontSize: 16,
+                    fontWeight: "700",
+                    bgcolor: value === 2 ? "#d3d3d3" : "#F5F5F5",
+                    color: value === 2 ? "black" : "text.primary",
+                    borderRadius: 1,
+                    "&:hover": {
+                      bgcolor: "#e0e0e0",
+                    },
+                  }}
                 />
               )}
 
               {pageType === componentType.Type_Workspace && (
                 <Tab
                   label={translate("label.reports")}
-                  sx={{ fontSize: 16, fontWeight: "700" }}
+                  sx={{
+                    fontSize: 16,
+                    fontWeight: "700",
+                    bgcolor: value === 3 ? "#d3d3d3" : "#F5F5F5",
+                    color: value === 3 ? "black" : "text.primary",
+                    borderRadius: 1,
+                    "&:hover": {
+                      bgcolor: "#e0e0e0",
+                    },
+                  }}
                 />
               )}
               {pageType === componentType.Type_Organization && (
                 <Tab
                   label={translate("label.reports")}
-                  sx={{ fontSize: 16, fontWeight: "700" }}
+                  sx={{
+                    fontSize: 16,
+                    fontWeight: "700",
+                    bgcolor: value === 3 ? "#d3d3d3" : "#F5F5F5",
+                    color: value === 3 ? "black" : "text.primary",
+                    borderRadius: 1,
+                    "&:hover": {
+                      bgcolor: "#e0e0e0",
+                    },
+                  }}
                 />
               )}
 
               {pageType === componentType.Type_Workspace && (
-           
                 <Tab
-                label={ <div style={{display:"flex",marginTop:"5px"}}> {translate("label.analytics")} <KeyboardArrowDownIcon style={{paddingBottom:"1px"}} /> </div>}
-                aria-controls="menu"
-                aria-haspopup="true"
-                onClick={handleMenuOpen}
-                sx={{ fontSize: 16, fontWeight: "700"}}  
+                  label={
+                    <div style={{ display: "flex", marginTop: "5px" }}>
+                      {" "}
+                      {translate("label.analytics")}{" "}
+                      <KeyboardArrowDownIcon style={{ paddingBottom: "1px" }} />{" "}
+                    </div>
+                  }
+                  aria-controls="menu"
+                  aria-haspopup="true"
+                  onClick={handleMenuOpen}
+                  sx={{
+                    fontSize: 16,
+                    fontWeight: "700",
+                    bgcolor: value === 4 ? "#d3d3d3" : "#F5F5F5",
+                    color: value === 4 ? "black" : "text.primary",
+                    borderRadius: 1,
+                    "&:hover": {
+                      bgcolor: "#e0e0e0",
+                    },
+                  }}
                 />
-            
               )}
-                
+
               {pageType === componentType.Type_Organization && (
-                
                 <Tab
                   label={"Organization " + translate("label.settings")}
-                  sx={{ fontSize: 16, fontWeight: "700" }}
-                /> 
+                  sx={{
+                    fontSize: 16,
+                    fontWeight: "700",
+                    bgcolor: value === 4 ? "#d3d3d3" : "#F5F5F5",
+                    color: value === 4 ? "black" : "text.primary",
+                    borderRadius: 1,
+                    "&:hover": {
+                      bgcolor: "#e0e0e0",
+                    },
+                  }}
+                />
               )}
-               
             </Tabs>
           </Box>
           <Menu
@@ -401,10 +504,31 @@ const DetailsViewPage = (props) => {
             open={Boolean(anchorEl)}
             onClose={handleMenuClose}
           >
-            <MenuItem selected={selectmenu=== "TaskAnalytics"} onClick={() => handleClickMenu("TaskAnalytics")}> Task Analytics </MenuItem>
-            <MenuItem selected={ selectmenu=== "MetaAnalytics"} onClick={() => handleClickMenu("MetaAnalytics")}>Meta Analytics</MenuItem>
-            <MenuItem selected={selectmenu=== "AdvanceAnalytics"} onClick={() => handleClickMenu("AdvanceAnalytics")}>Advance Analytics</MenuItem>
-            <MenuItem selected={selectmenu=== "PerformanceAnalytics"} onClick={() => handleClickMenu("PerformanceAnalytics")}>Performance Analytics</MenuItem>
+            <MenuItem
+              selected={selectmenu === "TaskAnalytics"}
+              onClick={() => handleClickMenu("TaskAnalytics")}
+            >
+              {" "}
+              Task Analytics{" "}
+            </MenuItem>
+            <MenuItem
+              selected={selectmenu === "MetaAnalytics"}
+              onClick={() => handleClickMenu("MetaAnalytics")}
+            >
+              Meta Analytics
+            </MenuItem>
+            <MenuItem
+              selected={selectmenu === "AdvanceAnalytics"}
+              onClick={() => handleClickMenu("AdvanceAnalytics")}
+            >
+              Advance Analytics
+            </MenuItem>
+            <MenuItem
+              selected={selectmenu === "PerformanceAnalytics"}
+              onClick={() => handleClickMenu("PerformanceAnalytics")}
+            >
+              Performance Analytics
+            </MenuItem>
           </Menu>
           <TabPanel
             value={value}
@@ -421,7 +545,6 @@ const DetailsViewPage = (props) => {
                   columnSpacing={4}
                   rowSpacing={2}
                 >
-                  
                   <Grid item xs={12} sm={12}>
                     <Link to={`/create-annotation-project/${id}`}>
                       <Button
@@ -463,7 +586,7 @@ const DetailsViewPage = (props) => {
           <TabPanel value={value} index={1}>
             {pageType === componentType.Type_Workspace && (
               <>
-              <Grid
+                <Grid
                   container
                   direction="row"
                   justifyContent="center"
@@ -472,22 +595,20 @@ const DetailsViewPage = (props) => {
                   rowSpacing={2}
                 >
                   <Grid item xs={12} sm={6}>
-                  <CustomButton
-                    className={classes.annotatorsButton}
-                    label={"Add Members to Workspace"}
-                    sx={{ width: "100%", mb: 2 }}
-                    onClick={handleAnnotatorDialogOpen}
-                  />
-
-
+                    <CustomButton
+                      className={classes.annotatorsButton}
+                      label={"Add Members to Workspace"}
+                      sx={{ width: "100%", mb: 2 }}
+                      onClick={handleAnnotatorDialogOpen}
+                    />
                   </Grid>
                   <Grid item xs={12} sm={6}>
-                  <CustomButton
-                    className={classes.annotatorsButton}
-                    label={"Invite Users to Organisation"}
-                    sx={{ width: "100%", mb: 2 }}
-                    onClick={handleUserDialogOpen}
-                  />
+                    <CustomButton
+                      className={classes.annotatorsButton}
+                      label={"Invite Users to Organisation"}
+                      sx={{ width: "100%", mb: 2 }}
+                      onClick={handleUserDialogOpen}
+                    />
                   </Grid>
                 </Grid>
                 <AnnotatorsTable
@@ -500,24 +621,28 @@ const DetailsViewPage = (props) => {
                   id={id}
                 />
                 <InviteUsersDialog
-                handleDialogClose={handleUserDialogClose}
-                isOpen={addUserDialogOpen}
-                selectedUsers={selectedUsers}
-                setSelectedUsers={setSelectedUsers}
-                userType={userType}
-                setUserType={setUserType}
-                addBtnClickHandler={()=>addBtnClickHandler()}
-                loading={loading}
-                selectedEmails={selectedEmails}
-                setSelectedEmails={setSelectedEmails}
-                csvFile={csvFile}
-                setCsvFile={setCsvFile}
-                btn={btn}
-                setbtn={setbtn}
-                value={value}
-                setvalue={setValue}
-                popUpLabel={userDetails?.role === userRole.WorkspaceManager ? "Request admin to add users to organization" : "Invite users to organization" }
-              />
+                  handleDialogClose={handleUserDialogClose}
+                  isOpen={addUserDialogOpen}
+                  selectedUsers={selectedUsers}
+                  setSelectedUsers={setSelectedUsers}
+                  userType={userType}
+                  setUserType={setUserType}
+                  addBtnClickHandler={() => addBtnClickHandler()}
+                  loading={loading}
+                  selectedEmails={selectedEmails}
+                  setSelectedEmails={setSelectedEmails}
+                  csvFile={csvFile}
+                  setCsvFile={setCsvFile}
+                  btn={btn}
+                  setbtn={setbtn}
+                  value={value}
+                  setvalue={setValue}
+                  popUpLabel={
+                    userDetails?.role === userRole.WorkspaceManager
+                      ? "Request admin to add users to organization"
+                      : "Invite users to organization"
+                  }
+                />
               </>
             )}
             {pageType === componentType.Type_Organization && (
@@ -554,10 +679,14 @@ const DetailsViewPage = (props) => {
             {pageType === componentType.Type_Workspace && <WorkspaceReports />}
           </TabPanel>
           <TabPanel value={value} index={4}>
-            {pageType === componentType.Type_Workspace && selectmenu=== "TaskAnalytics" && <TaskAnalytics />}
-            {pageType === componentType.Type_Workspace && selectmenu=== "MetaAnalytics" && <MetaAnalytics />}
-            {pageType === componentType.Type_Workspace && selectmenu=== "AdvanceAnalytics" && <ProgressAnalytics />}
-            {pageType === componentType.Type_Workspace && selectmenu=== "PerformanceAnalytics" && <PerformanceAnalytics /> }
+            {pageType === componentType.Type_Workspace &&
+              selectmenu === "TaskAnalytics" && <TaskAnalytics />}
+            {pageType === componentType.Type_Workspace &&
+              selectmenu === "MetaAnalytics" && <MetaAnalytics />}
+            {pageType === componentType.Type_Workspace &&
+              selectmenu === "AdvanceAnalytics" && <ProgressAnalytics />}
+            {pageType === componentType.Type_Workspace &&
+              selectmenu === "PerformanceAnalytics" && <PerformanceAnalytics />}
             {pageType === componentType.Type_Organization && (
               <OrganizationSettings />
             )}
@@ -568,4 +697,4 @@ const DetailsViewPage = (props) => {
   );
 };
 
-export default DetailsViewPage;
+export default DetailsViewPage;
\ No newline at end of file
diff --git a/src/ui/pages/container/CL-Transcription/TranscriptionRightPanel.jsx b/src/ui/pages/container/CL-Transcription/TranscriptionRightPanel.jsx
index a2b8093d..ab5f3a8d 100644
--- a/src/ui/pages/container/CL-Transcription/TranscriptionRightPanel.jsx
+++ b/src/ui/pages/container/CL-Transcription/TranscriptionRightPanel.jsx
@@ -152,6 +152,7 @@ const TranscriptionRightPanel = ({
   const [currentSelectedIndex, setCurrentSelectedIndex] = useState(0);
   const [tagSuggestionsAnchorEl, setTagSuggestionsAnchorEl] = useState(null);
   const [tagSuggestionsAcoustic, setTagSuggestionsAcoustic] = useState(false);
+  const [hash, sethash] = useState(false);
   const [tagSuggestionList, setTagSuggestionList] = useState([]);
   const [textWithoutTripleDollar, setTextWithoutTripleDollar] = useState("");
   const [textAfterTripleDollar, setTextAfterTripleDollar] = useState("");
@@ -518,6 +519,46 @@ const TranscriptionRightPanel = ({
     // eslint-disable-next-line
     [limit, currentOffset]
   );
+  const replaceSelectedText = (text, index, id) => {
+    const textarea = document.getElementsByClassName(classes.boxHighlight)[id];
+    const start = textarea.selectionStart;
+    const end = textarea.selectionEnd;
+    const beforeSelection = textarea.value.substring(0, start);
+    const afterSelection = textarea.value.substring(end, textarea.value.length);
+
+    textarea.value = beforeSelection + text + afterSelection;
+    textarea.selectionStart = start + text.length;
+    textarea.selectionEnd = start + text.length;
+
+    textarea.focus();
+
+    const sub = onSubtitleChange(textarea.value, index, id);
+    dispatch(setSubtitles(sub, C.SUBTITLES));
+  };
+
+  const handleDoubleHashes = () => {
+   
+  const elementsWithBoxHighlightClass = document.getElementsByClassName(
+    classes.boxHighlight
+  );
+
+  let index = "";
+  for (let i = 0; i < elementsWithBoxHighlightClass.length; i++) {
+    const textVal = elementsWithBoxHighlightClass[i];
+    const cursorStart = textVal.selectionStart;
+    const cursorEnd = textVal.selectionEnd;
+    const selectedText = textVal.value.substring(cursorStart, cursorEnd);
+
+    if (selectedText !== "") {
+      index = i;
+      const doubleHashedText = `##${selectedText}##`;
+
+      replaceSelectedText(doubleHashedText, currentIndexToSplitTextBlock, index);
+    }
+  }
+
+  };
+
 
   const addNewSubtitleBox = useCallback(
     (index) => {
@@ -650,6 +691,9 @@ const TranscriptionRightPanel = ({
               enableRTL_Typing={enableRTL_Typing}
               setFontSize={setFontSize}
               fontSize={fontSize}
+              handleDoubleHashes={handleDoubleHashes}
+              sethash={sethash}
+              hash={hash}
               saveTranscriptHandler={saveTranscriptHandler}
               setOpenConfirmDialog={setOpenConfirmDialog}
               onUndo={onUndo}
diff --git a/src/ui/pages/container/Progress/TaskAnalytics/TaskCountAnalyticsChart.jsx b/src/ui/pages/container/Progress/TaskAnalytics/TaskCountAnalyticsChart.jsx
index 0f5a8bfd..4d028709 100644
--- a/src/ui/pages/container/Progress/TaskAnalytics/TaskCountAnalyticsChart.jsx
+++ b/src/ui/pages/container/Progress/TaskAnalytics/TaskCountAnalyticsChart.jsx
@@ -27,6 +27,7 @@ function TaskCountAnalyticsChart(props) {
   const [totalAnnotationTasksCount, setTotalAnnotationTasksCount] = useState();
   const [totalReviewTasksCount, setTotalReviewTasksCount] = useState();
   const [totalSupercheckCount, setTotalSupercheckCount] = useState();
+  const [difftotal,setdifftotal] = useState();
   const [data, setData] = useState([]);
   const [annRev,setAnnRev] = useState();
 
@@ -49,7 +50,7 @@ function TaskCountAnalyticsChart(props) {
       allSuperCheckCumulativeTasksCount += element.sup_cumulative_tasks_count;
       languages = element.languages;
     });
-
+    setdifftotal(allAnnotatorCumulativeTasksCount-allReviewCumulativeTasksCount)
     setTotalAnnotationTasksCount(allAnnotatorCumulativeTasksCount);
     setTotalReviewTasksCount(allReviewCumulativeTasksCount);
     setTotalSupercheckCount(allSuperCheckCumulativeTasksCount)
@@ -209,8 +210,8 @@ function TaskCountAnalyticsChart(props) {
                 Pending Review Tasks
               </Typography>
               <Typography style={{ fontSize: "1.125rem", fontWeight: "400" }}>
-                {totalAnnotationTasksCount &&
-                  new Intl.NumberFormat("en").format(totalAnnotationTasksCount)}
+                {difftotal &&
+                  new Intl.NumberFormat("en").format(difftotal)}
               </Typography>
             </Box>:null}
 
diff --git a/src/ui/styles/Dataset.js b/src/ui/styles/Dataset.js
index d3bb752d..e4cc0d8f 100644
--- a/src/ui/styles/Dataset.js
+++ b/src/ui/styles/Dataset.js
@@ -1,44 +1,40 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from "@mui/styles";
 
 const DatasetStyle = makeStyles({
-
   Projectsettingtextarea: {
     width: "100%",
     fontSize: "1.4rem",
     fontFamily: "Roboto",
     fontWeight: 10,
     lineHeight: 1.2,
-
   },
-  custombtn:{
-    borderRadius:0
+  custombtn: {
+    borderRadius: 0,
   },
   workspaceTables: {
-    marginTop: "20px"
+    marginTop: "20px",
   },
   projectButton: {
     width: "100%",
     textDecoration: "none",
   },
   annotatorsButton: {
-    width: "100%"
+    width: "100%",
   },
   managersButton: {
-    width: "100%"
+    width: "100%",
   },
   settingsButton: {
     width: "100%",
-    backgroundColor: "red"
+    backgroundColor: "red",
   },
   workspaceCard: {
     width: "100%",
     minHeight: "420px",
     padding: "40px",
-    justifyContent: "center", justifyItems: "center"
   },
   projectsettingGrid: {
     margin: "20px 0px 10px 0px",
-
   },
   filterToolbarContainer: {
     // alignItems : 'center',
@@ -49,9 +45,8 @@ const DatasetStyle = makeStyles({
     justifyContent: "flex-end",
     alignItems: "center",
     columnGap: "10px",
-
   },
-  
+
   clearAllBtn: {
     float: "right",
     margin: "9px 16px 0px auto",
@@ -110,7 +105,7 @@ const DatasetStyle = makeStyles({
     },
   },
   projectCardContainer: {
-    cursor: 'pointer'
+    cursor: "pointer",
   },
   modelname: {
     boxSizing: "border-box",
@@ -118,7 +113,7 @@ const DatasetStyle = makeStyles({
     height: "64px",
     backgroundColor: "white",
     maxWidth: "90%",
-    minWidth: '90%',
+    minWidth: "90%",
     width: "auto",
     display: "flex",
     alignItems: "center",
@@ -131,50 +126,48 @@ const DatasetStyle = makeStyles({
     alignItems: "center",
     paddingBottom: "5vh",
     // justifyContent: "space-around",
-    flexGrow: 0
+    flexGrow: 0,
   },
   projectCardContainer1: {
     backgroundColor: "#2A61AD",
     height: "100%",
-    width: "100%"
-
+    width: "100%",
   },
   projectCardContainer2: {
     backgroundColor: "#119DA4",
     height: "100%",
-    width: "100%"
+    width: "100%",
   },
   userCardContainer: {
     direction: "column",
     alignItems: "center",
     height: "100%",
-    placeContent: "center"
+    placeContent: "center",
   },
   dashboardContentContainer: {
     alignItems: "left",
     justifyContent: "space-around",
     minHeight: "70vh",
-    borderLeft: '1px solid lightgray',
-    paddingLeft: '5%'
+    borderLeft: "1px solid lightgray",
+    paddingLeft: "5%",
   },
   link: {
-    textDecoration: "none"
+    textDecoration: "none",
   },
   progress: {
-    position: 'relative',
-    top: '40%',
-    left: '46%'
-
+    position: "relative",
+    top: "40%",
+    left: "46%",
   },
   progressDiv: {
-    position: 'fixed',
+    position: "fixed",
     // backgroundColor: 'rgba(0.5, 0, 0, 0.5)',
     zIndex: 1000,
     // width: '100%',
     // height: '100%',
-    top: '50%',
-    left: '50%',
-    opacity: 1
+    top: "50%",
+    left: "50%",
+    opacity: 1,
   },
   search: {
     //position: "relative",
@@ -189,7 +182,6 @@ const DatasetStyle = makeStyles({
     //   position: "absolute",
     //  Right: "200px",
     //  top:"155px",
-
   },
   searchIcon: {
     // padding: theme.spacing(0, 2),
@@ -214,14 +206,13 @@ const DatasetStyle = makeStyles({
   ToolbarContainer: {
     position: "absolute",
     bottom: "14px",
-    right: "45px"
-
+    right: "45px",
   },
   TotalSummarydata: {
     padding: "4px 0px 0px 4px",
   },
   projectgrid: {
-    textAlign: "start"
+    textAlign: "start",
   },
   // fixedWidthContainer: {
   // 	maxWidth: "5%",
@@ -242,8 +233,7 @@ const DatasetStyle = makeStyles({
     overflow: "hidden",
     "@media (max-width:400px)": {
       marginLeft: "-14px",
-      fontSize: "12px"
-
+      fontSize: "12px",
     },
   },
   descCardIcon: {
@@ -253,19 +243,21 @@ const DatasetStyle = makeStyles({
     height: "fit-content",
   },
   formControl: {
-    width: 300
+    width: 300,
   },
   AddGlossaryCard: {
     width: "100%",
     minHeight: "420px",
     padding: "20px 40px 20px 40px",
-    justifyContent: "center", justifyItems: "center"
+    justifyContent: "center",
+    justifyItems: "center",
   },
   SuggestAnEditCard: {
     width: "100%",
     minHeight: "350px",
     padding: "20px 40px 20px 40px",
-    justifyContent: "center", justifyItems: "center"
+    justifyContent: "center",
+    justifyItems: "center",
   },
 
   heading: {
@@ -278,7 +270,6 @@ const DatasetStyle = makeStyles({
   topBar: {
     display: "flex",
     alignItems: "center",
-    justifyContent:"space-around",
     backgroundColor: "#DEECFF",
     fontSize: "18px",
   },
@@ -288,26 +279,38 @@ const DatasetStyle = makeStyles({
     display: "flex",
     flexDirection: "column",
     textAlign: "center",
-    // boxShadow: "3px 0 2px -2px #00000029",
+    boxShadow: "3px 0 2px -2px #00000029",
   },
   toolTip: {
-    width: "200px", height: "auto", fontSize: "16px", backgroundColor: "white", color: "black", padding: "5px 10px 10px 10px", border: "1px solid gray"
+    width: "200px",
+    height: "auto",
+    fontSize: "16px",
+    backgroundColor: "white",
+    color: "black",
+    padding: "5px 10px 10px 10px",
+    border: "1px solid gray",
   },
 
-    toolTips: {
-    width: "280px", height: "220px", fontSize: "16px", backgroundColor: "white", color: "black", padding: "5px 10px 10px 10px", border: "1px solid gray"
+  toolTips: {
+    width: "280px",
+    height: "220px",
+    fontSize: "16px",
+    backgroundColor: "white",
+    color: "black",
+    padding: "5px 10px 10px 10px",
+    border: "1px solid gray",
   },
 
-  textTransliteration:{
+  textTransliteration: {
     borderRadius: "3px",
 
-            height: "60px",
-            padding: "15px 10px 10px 10px",
-            resize: "none",
-            margin: "7px 0px 0px 0px",
-             width: "200px",fontSize:"16px"
-  }
-
-})
+    height: "60px",
+    padding: "15px 10px 10px 10px",
+    resize: "none",
+    margin: "7px 0px 0px 0px",
+    width: "200px",
+    fontSize: "16px",
+  },
+});
 
-export default DatasetStyle
\ No newline at end of file
+export default DatasetStyle;
\ No newline at end of file