Improve

src/theme/variables.scss

@@ -588,9 +588,11 @@ $app-theme: mat-light-theme(
   color: #061b52 !important;
   margin: 0 auto !important;
 }
+
 .btn-no-color {
   background-color: #fff;
 }
+
 .exp-workflow {
   float: left;
   margin-left: 15px;
@@ -627,6 +629,7 @@ body {
   --indicator-color: transparent !important;
   --indicator-color-checked: transparent !important;
 }
+
 .yellow-orange{
   color: #ffb703 !important;
 }
@@ -647,8 +650,12 @@ body {
   --header-container-background: #fff;
   --header-bottom-line-background: rgb(255, 0, 0);
   --header-bottom-line-background-image: linear-gradient(to right, #ff0000, #fd0000, #ff0000);
-  --font-awesome: #ff0000;
+  --font-awesome: #f7dddd;
   --font-awesome-1: #c63527;
+  --PinDots: #44b5ea;
+  --PinCircleBackground: url(/auth.svg);
+  --PinBackground: #e1e7eb;
+  --PinTextColor: #44b5ea;
 
   --color: #97cae631;
   --color2: #97cae631;
@@ -721,6 +728,7 @@ body {
   --button-color: #ffb81c;
   --button-text-color: white;
   --inicio-open-page-from-box: #c63527;
+  --PinBackground: #e1e7eb;
 
   --header-tab-top-border: #000;
   --header-tab-text-white: rgb(0, 0, 0);
@@ -733,6 +741,9 @@ body {
   --mat-selected-hover: #c634277e;
   --mat-calendar-body-selected: #c63527;
   --monthview-selected: rgb(198 53 39 / 49%);
+  --PinDots: #c63527;
+  --PinTextColor: black;
+  --PinCircleBackground: url(/auth.svg);
 
   --color: #d9d9d9;
   --color2: #f0f0f0;
@@ -802,6 +813,12 @@ body {
   --mat-selected-hover: rgb(216 240 255);
   --mat-calendar-body-selected: #42b9fe ;
   --monthview-selected: lightskyblue;
+
+  --PinDots: #44b5ea;
+  --PinTextColor: #44b5ea;
+  --PinCircleBackground: url(/assets/background/auth.svg);
+  --PinBackground: white !important;
+
   --header-container-background: linear-gradient(
     270deg,
     var(--color2) 0%,