/* Target all links with this class */
a.Signin__userLink {
    color: #008ff0 !important; /* Blue */
}

a.Signin__userLink:hover {
    color: #0056b3 !important;
}

/* Target all brand-colored icons like the Search icon */
svg.Icon__brand {
    fill: #008ff0 !important; /* Bootstrap blue */
    color: #008ff0 !important; /* Fallback */
}

/* Optional: change hover state */
svg.Icon__brand:hover {
    fill: #0056b3 !important;
}

/* Avatar initials background (VX in your case) */
.AvatarText__squareBg1 {
  background-color: #008ff0 !important; /* Blue */
  color: #ffffff !important;            /* White text */
}

/* Link color for user actions */
.LoginDetail__userLink {
  color: #008ff0 !important;
}

.LoginDetail__userLink:hover {
  color: #008ff0 !important;
  text-decoration: underline;
}

.LoginDetail__profileBtn {
  background-color: #008ff0 !important;
  color: #ffffff !important;
}

.LoginDetail__profileBtn:hover {
  background-color: #008ff0 !important;
}

/* Avatar initials background and text color */
.enduser_avatar {
  background-color: #008ff0 !important;  /* Blue */
  color: #ffffff !important;             /* White initials */
  border-radius: 8px;                    /* Optional: soften corners */
}

.enduser_avatar {
  border-radius: 50% !important;
}

span[data-id="edit_open"],
span[data-id="edit_close"] {
  color: #007bff !important;
  cursor: pointer;
}

span[data-id="edit_open"]:hover,
span[data-id="edit_close"]:hover {
  color: #0056b3 !important;
  text-decoration: underline;
}

/* Background color of the floating back-to-top button */
.AppContainer__backToTop {
  background-color: #0056b3 !important; /* Blue */
  color: #ffffff !important;           /* White arrow */
}

/* Optional: change on hover */
.AppContainer__backToTop:hover {
  background-color: #0056b3 !important;
}

.FileUpload__attachPin {
  border-color: #0056b3 !important;     /* Pin border */
}

.FileUpload__attachPin svg {
  fill: #0056b3 !important;             /* SVG icon inside the pin */
}
.FileUpload__userLink {
  color: #0056b3 !important;            /* Link text */
}

.FileUpload__userLink:hover {
  color: #0056b3 !important;
  text-decoration: underline;
}

.Pill__pill.commonStyle__zt3BrandBorder {
  border: 1px solid #0056b3 !important; /* Blue border */
  border-radius: 16px;
}
.Pill__pillText.commonStyle__zt3Brand {
  color: #007bff !important;
}

.Pill__pillText.commonStyle__zt3Brand:hover {
  color: #0056b3 !important;
  text-decoration: underline;
}
.Pill__deleteIcon svg.Icon__hoverdanger {
  fill: #999999 !important; /* default gray */
}

.Pill__deleteIcon:hover svg.Icon__hoverdanger {
  fill: #dc3545 !important; /* danger red or adjust as needed */
}