.loginBg_img {
  background: linear-gradient(248deg, #7c34ff 41.72%, #300f6c 109.29%);
  width: 100%;
}
.Login-main-container {
  background-image: url("../Images/login-bg.svg");
  background-repeat: repeat-x; /* ⬅️ Repeat horizontally */
  background-size: auto 100%;
  /* background-size: cover; */
  /* background-position: center; */
  /* background-repeat: no-repeat; */
  min-height: 100vh;
  background-blend-mode: overlay;
  animation: slideLeftRightFast 15s linear infinite;
}
@keyframes slideLeftRightFast {
  0% {
    background-position: 0px 0%;
  }
  50% {
    background-position: -100px 0%;
  }
  100% {
    background-position: 0px 0%;
  }
}
.login-left-side {
  min-height: 100vh;
  padding: 40px 100px;
  position: relative;
}
.left_login_content {
  margin-top: 120px;
  position: relative;
  z-index: 2;
  margin-bottom: 12rem;
}
.WelcomeBackWrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 40px 0px 0px 40px;
  background: linear-gradient(
    249deg,
    #faf2ec 3.18%,
    #e8eff4 32.05%,
    #e2e2f5 61.73%,
    #d5ebef 107.48%
  );
  padding: 40px 90px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.features {
  list-style: none;
  padding: 0;
}

.bottom-image {
  position: absolute;
  bottom: 0;
  right: 0;
}
.luma-image {
  position: absolute;
  top: 16%;
  left: -10%;
  z-index: 4;
}
.logo-section img {
  height: 190px;
  object-fit: contain; /* ensures the image isn't stretched */
}
.loginBg_img {
  position: relative;
}

/* Login Page */
.login-container {
  background-color: #eaeff4;
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
}
.MH-loginLeft {
  font-size: 2rem;
}
.login-top-right-circle {
  position: absolute;
  top: 20px;
  right: 100px;
  width: 420px;
  height: 420px;
  z-index: 0;
}
.login-bottom-right-circle {
  position: absolute;
  bottom: 20px;
  right: 100px;
  width: 420px;
  height: 420px;
  z-index: 0;
}
.WelcomeBackWrap {
  position: relative;
  z-index: 2;
}
/* for luma Ai Animation */
.luma-image {
  animation: floatUpDown 6s ease-in-out infinite;
}

@keyframes floatUpDown {
  0%,
  100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}
@media screen and (max-width: 1440px) {
  .login-left-side {
    padding: 40px 50px;
  }
  .left_login_content {
    margin-top: 60px;
  }
  .MH-loginLeft {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .luma-image {
    left: -6%;
  }
}
@media screen and (max-width: 992px) {
  .WelcomeBackWrap {
    padding: 40px 50px;
  }
  .luma-image {
    top: 6%;
  }
  .left_login_content {
    margin-bottom: 8rem;
  }
}
@media screen and (max-width: 768px) {
  .WelcomeBackWrap {
    border-radius: 30px;
    padding: 30px 20px;
  }
  .MH-loginLeft {
    font-size: 2rem;
    line-height: 3rem;
  }
  .luma-image {
    display: none;
  }
  .bottom-image {
    display: none;
  }
  .login-left-side {
    min-height: 60vh;
    max-height: fit-content;
    padding: 40px 20px;
  }
  .left_login_content {
    margin-bottom: 0rem;
  }
}
/* AI Readiness Tools */

/********************** Engagement Dashboard ********************/
.Stage_assignee_name {
  cursor: pointer;
}
#date-time-main-stage {
  cursor: pointer;
}
.Engagement-mainWrap {
  background-color: #eaeff4;
  padding: 1rem;
  min-height: 100vh;
  overflow-x: scroll;
  position: relative;
}
.top-left-circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 420px;
  height: 420px;
  z-index: 0;
  /* opacity: 0.75; */
}
.bottom-left-circle {
  position: absolute;
  bottom: 100px;
  left: 120px;
  width: 420px;
  height: 420px;
  z-index: 0;
  opacity: 0.75;
}
.top-right-circle {
  position: absolute;
  top: 0px;
  right: 120px;
  width: 420px;
  height: 420px;
  z-index: 0;
  /* opacity: 0.75; */
}
.bottom-right-circle {
  position: absolute;
  bottom: 0px;
  right: 120px;
  width: 420px;
  height: 420px;
  z-index: 0;
  /* opacity: 0.75; */
}
iconify-icon[icon="lucide:plus"] {
  padding-bottom: 2px;
}
.zIndex-10 {
  z-index: 10;
}
/* top menu */
.ED-top-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hello-steven {
  display: flex;
  align-items: flex-start;
  column-gap: 8px;
}
.helloStevenTitle {
  color: #373a40;
  font-size: 1rem;
}
.helloStevenDescript {
  font-size: 0.755rem;
  color: var(--clr-purpleHeart);
}
.hello-stevenImg {
  max-width: 28px;
}
.BellWrap {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.UserDropdown img {
  max-width: 32px;
  background-color: transparent;
}
.UserDropdown .btn {
  padding: 0px;
}
.user-initial {
  width: 34px;
  height: 34px;
}
/* sidebar */
.Engagement-sidebar {
  transition-delay: 0.1s;
  transition: all 0.2s;
  width: 85px;
  overflow: hidden;
  z-index: 3;
  position: fixed;
  /* top: 10px; */
}
.Engagement-sidebar:hover {
  width: 320px;
}

.EngagementSidebar-wrap {
  max-width: 100%;
  margin: auto;
  height: 100%;
  background-color: #f3f3fb;
  box-shadow: 0px 6px 16px 0px rgba(160, 31, 60, 0.04);
  border-radius: 20px;
  padding: 1.25rem 0px;
}
.engagementLargellogo {
  padding-left: 18px;
  display: none;
  opacity: 0;
}
.engagementSmalllogo img {
  max-width: 48px;
}
.engagementLargellogo,
.engagementSmalllogo {
  min-height: 70px;
}
.Engagement-sidebar:hover .engagementSmalllogo {
  opacity: 0;
  display: none;
}
.Engagement-sidebar:hover .engagementLargellogo {
  opacity: 1;
  display: block;
}
.ES-ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.ES-ul li {
  display: flex;
  padding: 12px 10px;
  position: relative;
  cursor: pointer;
}
.ES-ul li.activeELi::after {
  position: absolute;
  left: 0px;
  top: calc(50% - 22px);
  content: "";
  width: 62px;
  height: 44px;
  background: linear-gradient(
    90deg,
    rgba(119, 115, 253, 0.25) -100%,
    rgba(145, 142, 255, 0.01) 100%
  );
}
.ES-ul li.activeELi img {
  filter: brightness(0) saturate(100%) invert(21%) sepia(91%) saturate(8014%)
    hue-rotate(257deg) brightness(107%) contrast(151%);
  fill-opacity: 1;
}
.liWrapp {
  padding-left: 1.1rem;
  display: flex;
  align-items: center;
  column-gap: 20px;
}

.LiIconWrap {
  width: 30px;
}
.LiTitle {
  text-wrap: nowrap;
  display: none;
  font-size: 1rem;
  font-weight: 400;
  color: #38383899;
}
.Engagement-sidebar:hover .LiTitle {
  display: inline-block;
}
.ES-ul li.activeELi .LiTitle {
  font-weight: 500;
  color: var(--clr-purpleHeart);
}
.LogoutBtn {
  margin-top: 10rem;
  cursor: pointer;
}
/* Top Bar */
.ED-topBar {
  border-radius: 16px;
  padding: 1.5rem 1.2rem;
  background-color: rgba(255, 255, 255, 0.38);
}
.ED-topBarWrap {
  display: flex;
  /* align-items: center; */
  column-gap: 20px;
}
.topBar-Img {
  width: 120px;
}
.DashIcon {
  width: 12px;
}
.py-2_5 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

/* Engagement Stages */
.EngagementStages {
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    rgba(255, 255, 255, 0.18) 100%
  );
  padding: 1.5rem 1rem;
  border-radius: 20px;
  max-height: calc(100vh - 250px);
  overflow-y: scroll;
  position: sticky;
  top: 10px;
}
.stageOne {
  padding: 1rem 1.25rem;
}
.stageOne.stageActive {
  background: #49494911;
  border-radius: 16px;
  box-shadow: 0px 5.54px 14.78px 0px #a01f3c0d;
}
.EngagementStages .stageOne {
  border-bottom: 1px solid #e5e5e5;
}
.EngagementStages .stageOne:not(:first-child) {
  margin-top: 1rem;
}
.StageProgressWrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 220px;
}
.StageProgress {
  width: 50%;
  height: 8px;
}
.StageProgress .progress-bar {
  background-color: var(--clr-laPalma);
  border-radius: 25px;
}
.StageOneWrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.threeDot-StageWrap {
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.threeDot-Stage {
  background-color: var(--clr-white);
  padding: 0px;
  border-radius: 50%;
  width: 1.85rem;
  height: 1.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}
.threeDot-Stage img {
  width: 20px;
}
.threeDot-Stage:focus {
  outline: none;
}
.StageDropDown {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  position: absolute;
  top: 30px;
  left: calc(80% - 90px);
  min-width: 150px;
  max-width: fit-content;
  border: 1px solid red;
  background: linear-gradient(
    112.91deg,
    rgba(255, 255, 255, 0.68) 3.51%,
    rgba(255, 255, 255, 0.7) 111.71%
  );
  border: 1px solid;
  border-image-source: linear-gradient(
    110.65deg,
    rgba(255, 255, 255, 0.5) 1.16%,
    rgba(255, 255, 255, 0.23) 100%
  );
  box-shadow: 9.31px 11.17px 18.62px 0px #0000000d;
  border-radius: 8px;
  padding: 0.4rem 0px;
  z-index: 1;
}
.NoteIcon {
  width: 16px;
  height: 16px;
  background: #7c34ff;
  border-radius: 50px;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--clr-white);
  padding-left: 1px;
}
.StageDropDown li {
  width: 100%;
}
.StageDropDown li button {
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  width: 100%;
  gap: 10px;
  font-size: 0.85rem;
  line-height: 10px;
  padding: 0.4rem 0.4rem;
}
.SBadge {
  background: #097de91a;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 25px;
  padding: 4px 12px;
}
.badgeAzureLight {
  color: var(--clr-AzureRadiance);
  background: #097de91a;
}
.badgeRedRibbone {
  color: var(--clr-RedRibbon);
  background: rgba(249, 48, 85, 0.1);
}
.badgeElectricViolet {
  color: #7c34ff;
  background: #7c34ff29;
}
.cursor-pointer {
  cursor: pointer;
}
/* Stages Content */
.StageContent .ContentWrap:not(:last-child) {
  margin-bottom: 1.5rem;
}
/* KYC */
.ContentWrap {
  background: #ffffff7a;
  border: 1px solid #7c34ff1a;
  padding: 1.5rem 2rem;
  border-radius: 20px;
}
.badgeMineShaft {
  background: #3838381a;
  color: #383838cc;
}
.badgeLaPalma {
  background: #16aa251a;
  color: #383838cc;
}
.badgeFuelYellow {
  background: #efa4331a;
  color: #efa433;
}
.CompletedByIcon {
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  background: #afaeaecc;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
  line-height: 0px;
}
.CompletedByIcon.CompletebyUser {
  background: #16aa25;
  color: #fff;
  padding-right: 1px;
}
.CompletedBySmallIcon {
  width: 0.95rem;
  height: 0.95rem;
  font-size: 0.65rem;
}
.hasInputWrap {
  position: relative;
  width: 75%;
}
.HasImg {
  position: absolute;
  left: 11px;
  width: 0.95rem;
  top: calc(50% - 8px);
}
.HasInput {
  padding-left: 38px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
}
.HasInput-small {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 0.85rem;
}
.mainWrapper {
  overflow-y: scroll;
  max-height: 350px;
}
.mainWrapper .wrapper:not(:first-child) {
  margin-top: 1rem;
}
.resultDataSource {
  display: flex;
  align-items: center;
  gap: 10px;
}
.resultDataSourceBadge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.875rem;
}
.word-break {
  word-break: break-all;
}

/* Risk Scoring */
.QuestionInnerWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.QuestionWrap {
  background: #ffffff99;
  border-bottom: 0.92px solid #ececee;
  padding: 1.25rem;
  border-radius: 16px;
  margin-top: 2rem;
}
.RiskSelect {
  background: #38383814;
  padding: 0.2rem 0.5rem 0.2rem 0.75rem;
  font-size: 0.85rem;
  color: #383838cc;
  min-width: 150px;
}
Select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.75rem center !important;
  background-size: 13px 12px !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
Select::placeholder {
  color: rgba(56, 56, 56, 0.2);
}
/* Contracts */
.ContractBadgeWrap {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}
.prescient-icon {
  width: 16px;
}
/* QA */
.SetNestedDivMargin > div:not(:last-child) {
  margin-bottom: 1.5rem;
}
/* Payment */
.PaymentCardHeader {
  border-radius: 16px 16px 0px 0px;
  background: rgba(56, 56, 56, 0.05);
  padding: 1.5rem 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.PaymentCardBody {
  border-radius: 0px 0px 16px 16px;
  background: rgba(255, 255, 255, 0.6);
  padding: 1.5rem 2rem;
}
.DownloadBtn {
  border: 2px solid var(--clr-purpleHeart);
}

/* Protest */

.containerss {
  display: flex;
  width: 100%;
  padding: 20px 0 40px;
  border-radius: 16px;
  background: #fff;
  row-gap: 30px;
  flex-direction: column;
  align-items: center;
}
.circular-progress {
  position: relative;
  height: 180px;
  width: 180px;
  border-radius: 50%;
  background: conic-gradient(#7d2ae8 0deg, #f8f8f8 0deg);
  display: flex;
  align-items: center;
  justify-content: center;
}
.circular-progress::before {
  content: "";
  position: absolute;
  height: 150px;
  width: 150px;
  border-radius: 50%;
  background-color: #f5f1f1;
}
.progress-value {
  position: relative;
  font-weight: 600;
  color: #000;
  background-color: #ffffffa1;
  border-radius: 50%;
  /* box-shadow: 0px 15.337px 31.576px rgba(0, 0, 0, 0.12); */
  width: 60%;
  height: 60%;
  font-size: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.chart-title-w {
  font-weight: 600;
  font-size: 0.85rem;
  color: var(--white-80);
}

.blueclr {
  background: #3261d8;
}
.yellowclr {
  background: #f2994a;
}
.greenclr {
  background: #43dc80;
}
/* Time Reports */
.TM-D-Label {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.TM-D-Label .clr {
  width: 13px;
  height: 13px;
  background: #14ce1b;
  border-radius: 2px;
}
.TM-D-Label .clr.red {
  background: #e04068;
}
.TM-D-Label .clr.yellow {
  background: #ee9300;
}
.TM-D-Label .clr.pink {
  background: #2df5f5;
}
.TM-D-Label .clr-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 0px;
}
.PlanningTask-Card {
  min-height: 130px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.min-Wrapperw3 {
  min-width: 570px;
}
@media screen and (max-width: 992px) {
  .Wrapperw3 {
    overflow-x: scroll;
  }
}

/* Mobile Stages Slider */
.SwipperMainClass {
  width: 90%;
  height: 100%;
  margin: auto;
}
.swiper-button-next {
  right: 5px;
}
.swiper-button-prev {
  left: 5px;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  color: #5f20d2;
  font-size: 1.75rem;
}

/* User Management */
.UserCard {
  text-align: center;
  border-radius: 21.312px;
  border-bottom: 1.254px solid var(--Colors-Gray-200, #ececee);
  background: rgba(255, 255, 255, 0.6);
}
.UserCardImg {
  padding: 1rem;
  position: relative;
}
.UserCardImgBadge {
  border-radius: 47.664px;
  font-size: 0.9rem;
  position: absolute;
  left: calc(50% - 46px);
  bottom: 10px;
  width: 90px;
  text-align: center;
  padding-left: 12px;
  padding-top: 3px;
  height: 27px;
  color: #fff;
  font-weight: 500;
}
.UserCardImgBadge::before {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  content: "";
  background-color: var(--clr-white);
  left: 10px;
  top: calc(50% - 3px);
}
.userCardBelow {
  padding: 1.5rem 1rem;
  border-radius: 21.312px;
  background-color: rgba(255, 255, 255, 0.54);
  border: 1px solid #7b34ff12;
  backdrop-filter: blur(22.227140426635742px);
}

.UserCardImgBg {
  position: absolute;
  bottom: -80px;
  left: 0px;
}

/* Time Sheet */
.SelectEngagementTitle {
  display: flex;
  align-items: center;
  gap: 16px;
}
.SelectEngagementTitle-no {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 14.238px;
  background: rgba(124, 52, 255, 0.1);
  width: 1.95rem;
  height: 1.95rem;
  color: var(--clr-purpleHeart);
  font-weight: 600;
  line-height: 0px;
}
/* Capacity Management */
table.capacityMTable td.dt-type-numeric {
  text-align: left;
}
/* Audit Dashboard */
.TJName {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding-top: 2px;
}
.DataTableWrap .dt-layout-full {
  overflow-x: scroll;
}

/* Add these styles right here */
.DataTableWrap .dt-layout-full::-webkit-scrollbar {
  height: 6px;
}

.DataTableWrap .dt-layout-full::-webkit-scrollbar-track {
  background: transparent;
}

.DataTableWrap .dt-layout-full::-webkit-scrollbar-thumb {
  background: #d1d6dbbc;
  border-radius: 8px;
}

.DataTableWrap .dt-layout-full::-webkit-scrollbar-thumb:hover {
  background: #d1d6dbbc;
  /* ////End //// */
}
.DataTableWrap .dataTable {
  min-width: 1200px;
}
.TableDesign {
  width: 100%;
}
.TableDesign thead tr {
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 6px 16px 0px rgba(160, 31, 60, 0.04);
}
.TableDesign thead tr th:first-child {
  border-top-left-radius: 8px;
}
.TableDesign thead tr th:last-child {
  border-top-right-radius: 8px;
}

.TableDesign td,
.TableDesign th {
  padding: 0.4rem 0.5rem;
}
.EvidenceOffcanvaswe {
  width: 800px;
}
.accordion-button:focus {
  box-shadow: none;
}
.accordion-button:not(.collapsed) {
  color: #7c34ff;
  border-bottom: 1px solid #dee2e6;
  background-color: transparent;
}
.WordBreak {
  max-width: 350px;
  word-break: break-all;
  overflow-wrap: break-word;
}

/* Login Page */
.login-content {
  width: 820px;
  margin: auto;
  height: 100vh;
  padding-top: 260px;
}

/* Get Started */
.GetStartCard {
  transition: all 0.2s;
  cursor: pointer;
}
.GetStartCard:hover {
  border: 1px solid #5f20d2;
}
.GetStartCard {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.login-email {
  border: 8px solid #c9c9c9; /* Light grey border */
  border-radius: 8px; /* Rounded corners */
  padding: 12px; /* Padding inside the input */
  font-size: 16px; /* Font size */
  width: 100%; /* Full width */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
  transition: all 0.3s ease-in-out; /* Smooth transition */
}
.loaderBtn {
  min-width: 100px;
  min-height: 32px;
}
#outputArea p {
  margin-bottom: 1rem !important;
}
/* Hover effect */
.login-email:hover {
  border-color: #9c27b0; /* Light purple to match your theme */
  box-shadow: 0 0 5px rgba(156, 39, 176, 0.1);
}

/* Focus effect */
.login-email:focus {
  border-color: #6a1b9a; /* Darker purple when focused */
  box-shadow: 0 0 8px rgba(156, 39, 176, 0.2);
}

/* Optional: Add a subtle gradient border on focus */
.login-email:focus {
  border-image: linear-gradient(45deg, #9c27b0, #6a1b9a) 1;
}

/* Make sure the input maintains smooth corners */
.login-email {
  border-radius: 4px;
}

/* Optional: Add a subtle background on hover */
.login-email:hover {
  background-color: #faf8fc;
}

/*  */
.toast-loader {
  display: flex;
  align-items: center;
}
.loader {
  width: 16px;
  height: 16px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-right: 8px;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Audit Dashboard Badge different colors */
.badgeSeniorSignOff {
  background: #5e95c61a; /* Light gray */
}
.badgeTestingTeamQA {
  background: #be781c26; /* Light yellow */
}
.badgeTransitionUnderway {
  background: #8c4ac51a; /* Light blue */
}
.badgeCanceled {
  background: #dc35451a; /* Light red */
}
.badgeFinalRevision {
  background: #17a2b81a; /* Light teal */
}
.badgeGeneratingReport {
  background: #29af481a; /* Light green */
}
.badgeObserving {
  background: #b86d301a; /* Light orange */
}
.badgePASignOff {
  background: #622eb51a; /* Light purple */
}
.badgePaymentNeeded {
  background: #a83c6f1a; /* Light pink */
}
.badgeReadyForFinalDelivery {
  background: #2eba901a; /* Light green */
}
.badgeResultsReadyForClient {
  background: #4478ac1a; /* Light white */
}
.badgeRFESPendClientResponse {
  background: #389dac1a; /* Light teal */
}
.badgeContracting {
  background: #ba9c421a; /* Light yellow */
}
.badgePendingPartnersAudit {
  background: #9e3bbc1a; /* Light blue */
}
.badgeReady {
  background: #43af5c1a; /* Light green */
}
.badgeRoadBlock {
  background: #c0303e1a; /* Light red */
}
.badgeClientReview {
  background: #5f27bb1a; /* Light purple */
}
.badgeCloseoutEmail {
  background: #b7621d1a; /* Light orange */
}
.badgeCPAReview {
  background: #ba21691a; /* Light pink */
}
.badgeEQCRInProgress {
  background: #1abb801a; /* Light gray */
}
.badgeReadyForContracting {
  background: #a7b91b1a; /* Light green */
}
.badgeProTesting {
  background: #c21e8b1a; /* Light blue */
}
.badgeAuditorSignOff {
  background: #c69b1b1a; /* Light yellow */
}
.badgeQASignOff {
  background: #da891e1a; /* Light teal */
}
.badgeRetesting {
  background: #28a7451a; /* Light green */
}
.badgeDone {
  background: #26c7141a; /* Light green */
}
.badgeNotReady {
  background: #b7d8131a; /* Light gray */
}
.badgeFinalReady {
  background: #5c0ae11a; /* Light purple */
}
.badgeSeniorSignOff > span {
  color: #2280d2d3; /* Gray */
}
.badgeTestingTeamQA > span {
  color: #a6630cfe; /* Yellow */
}
.badgeTransitionUnderway > span {
  color: #8331cbdc; /* Blue */
}
.badgeCanceled > span {
  color: #d62536e5; /* Red */
}
.badgeFinalRevision > span {
  color: #18aac0e3; /* Teal */
}
.badgeGeneratingReport > span {
  color: #0bb032; /* Green */
}
.badgeObserving > span {
  color: rgb(9, 170, 46); /* Orange */
}
.badgePASignOff > span {
  color: #6122c8e3; /* Purple */
}
.badgePaymentNeeded > span {
  color: #c52972e6; /* Pink */
}
.badgeReadyForFinalDelivery > span {
  color: #2775c2ea; /* Green */
}
.badgeResultsReadyForClient > span {
  color: #f8f9fa; /* White */
}
.badgeRFESPendClientResponse > span {
  color: #0ca9c1; /* Teal */
}
.badgeContracting > span {
  color: #d4a824e5; /* Yellow */
}
.badgePendingPartnersAudit > span {
  color: #a61dd0df; /* Blue */
}
.badgeReady > span {
  color: #09a22d; /* Green */
}
.badgeRoadBlock > span {
  color: #d7172aed; /* Red */
}
.badgeClientReview > span {
  color: #5a10d0ed; /* Purple */
}
.badgeCloseoutEmail > span {
  color: #c56211e5; /* Orange */
}
.badgeCPAReview > span {
  color: #c51165ea; /* Pink */
}
.badgeEQCRInProgress > span {
  color: #089c66f9; /* Gray */
}
.badgeReadyForContracting > span {
  color: #94a607e1; /* Green */
}
.badgeProTesting > span {
  color: #c21e8be3; /* Blue */
}
.badgeAuditorSignOff > span {
  color: #a17b06fa; /* Yellow */
}
.badgeQASignOff > span {
  color: #af6708fd; /* Teal */
}
.badgeRetesting > span {
  color: #079b2afd; /* Green */
}
.badgeDone > span {
  color: #1aa60bfe; /* Green */
}
.badgeNotReady > span {
  color: #839c08; /* Gray */
}
.badgeFinalReady > span {
  color: #4c07bafd; /* Purple */
}

/*  */
.FormFileInput[type="file"]::file-selector-button {
  background-color: #ffffffb2;
  border-color: rgba(169, 169, 169, 0.2);
}
input[type="file"]::file-selector-button:hover {
  background-color: #fff;
}

/* help and guide */

.articleItem {
  border: 2px solid transparent;
}
.articleItem.Announcement-Card {
  border: 2px solid rgba(124, 52, 255, 0.07);
  background: rgba(124, 52, 255, 0.06);
}
.Guides_Card {
  background: rgba(255, 255, 255, 0.45);
}
.GuidCard-ImgIcon {
  height: 16px;
}
.GuidCard-BG {
  background-color: rgb(255 255 255 / 61%);
}
.Article-CircleBtn {
  padding: 0px;
  height: 24px;
  width: 24px;
}
.Artical-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.tooltip-inner {
  background-color: #7c34ffd9;
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #7c34ffd9 !important;
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #7c34ffd9 !important;
}
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #7c34ffd9 !important;
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: #7c34ffd9 !important;
}

/* Scroll bar for Terms and Conditions */

/* make style scroll bar */
.acceptTermsConditionsButton_disabled {
  background-color: #7538e49c !important;
}
.terms-conditions-scroll {
  height: 500px;
  overflow-y: scroll;
}
.terms-conditions-scroll::-webkit-scrollbar {
  width: 4px;
}
.terms-conditions-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.terms-conditions-scroll::-webkit-scrollbar-thumb {
  background: #a4a4a3a0;
  border-radius: 8px;
}

/* Top Bar */
.ImageEditIcon {
  position: absolute;
  bottom: 0px;
  right: -8px;
}

/* *********************************** */
/************ Welcome Page ***********/
/* ************************************ */
.purple-header {
  background-color: #6b46c1;
  color: white;
  padding: 16px 0;
  text-align: center;
  margin: 0px 0px;
}

.Wrapper-welcome-page {
  min-height: 100vh;
  padding: 7px 0;
}

.collapsible-section {
  padding: 0px 10px;
  border-radius: 8px;
  margin-bottom: 20px;
}

.collapsible-header {
  padding: 15px 20px;
  cursor: pointer;

  border-bottom: 2px solid #dee2e6;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.collapsible-header:hover {
  background-color: transparent;
}

.collapsible-content {
  padding: 20px;
  /* background-color: #f3f4f6; */
}
.collapsible-content a {
  color: var(--clr-purpleHeart);
}
.collapsible-content p,
.ULstyle li {
  color: rgba(56, 56, 56, 0.8);
  font-size: 14px;
}
.Jump_mainSection {
  color: #6b46c1;
  font-weight: 600;
  font-size: 1.25rem !important;
  margin-bottom: 20px;
  margin-top: 20px;
}

.jump-links_ol {
  /* background-color: #f3f4f6; */
  /* padding: 25px; */
  /* margin-bottom: 20px; */
}
.jump-links_ol {
  color: #6b46c1;
  font-size: 0.85rem;
}
.jump-links_ol li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.jump-links_ol a {
  color: #6b46c1;
  text-decoration: none;
  display: block;
  font-size: 14px !important;
  /* margin-bottom: 8px; */
}

.jump-links_ol a:hover {
  text-decoration: underline;
}

.timelineWrapper {
  /* background-color: #f3f4f6; */
  padding: 25px;
}

.timelineText {
  color: #6c757d;
  font-style: italic;
  margin-bottom: 15px;
}

.navigationText {
  color: #6c757d;
  margin-bottom: 15px;
}

.progress-text {
  /* background-color: #e5e7eb; */
  border-radius: 5px;
  margin-bottom: 20px;
  /* font-weight: 500; */
}

.timeline-image {
  width: 85%;
  /* height: auto; */
  border-radius: 8px;
  margin-top: 20px;
}

.info-icon {
  position: fixed;
  bottom: 20px;
  left: 20px;
  width: 30px;
  height: 30px;
  background-color: #6c757d;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

@media (max-width: 768px) {
  .Wrapper-welcome-page {
    padding: 20px 0;
  }

  .jump-links,
  .timeline-section {
    padding: 20px;
  }

  .collapsible-content {
    padding: 15px;
  }
}

/* Quill Editor */
.collapsible-content .ql-toolbar.ql-snow.sticky,
.ql-toolbar.ql-snow.sticky {
  position: fixed !important;
  top: 0 !important;
  z-index: 1000 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  background: white !important;
  border-bottom: 1px solid #ccc !important;
}
.collapsible-content .quill-editor,
#editor-audit-TOC.quill-editor,
#editor-iso-audit-TOC.quill-editor {
  min-height: 160px;
  border: 1px solid #ccc;
  /* border-radius: 5px; */
}
#audit-TOC .ql-container.ql-snow,
#iso-audit-TOC .ql-container.ql-snow,
.collapsible-content .ql-container.ql-snow,
#editor-audit-TOC .ql-container.ql-snow,
#editor-iso-audit-TOC .ql-container.ql-snow {
  border-bottom: 1px solid #ccc;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
#audit-TOC .ql-toolbar.ql-snow,
#iso-audit-TOC .ql-toolbar.ql-snow,
.collapsible-content .ql-toolbar.ql-snow,
#editor-audit-TOC .ql-toolbar.ql-snow,
#editor-iso-audit-TOC .ql-toolbar.ql-snow {
  border-top: 1px solid #ccc;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.collapsible-content .editor-content-padding,
#editor-audit-TOC .editor-content-padding,
#editor-iso-audit-TOC .editor-content-padding {
  padding-top: 60px;
}

/*  */
.RightSideStaticButton {
  position: fixed;
  top: 350px;
  right: 32px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.75rem;
  border-radius: 16px;
  border: 0.946px solid rgba(28, 28, 28, 0.08);
  background: rgba(255, 255, 255, 1);
  box-shadow: 9.42px 9.42px 19.63px 0px rgba(0, 0, 0, 0.25);
  width: fit-content;
}
.RightSideStaticButton > button {
  color: #7c34ffd9;
  padding: 0.6rem 0.2rem;
  background: transparent;
  border: none;
  font-size: 1.1rem;
  display: flex;
}
.RightSideStaticButton > button {
  color: #7c34ffd9 !important;
}
#saveDrataWelcomePage {
  padding: 10px;
}

/* Off Canvas */
.offcanvas.offcanvas-end {
  background-color: #eaeff4;
}
.uploaded-image {
  position: relative;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 10px;
  background: #f8f9fa;
}
.uploaded-image img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 4px;
}
.image-info {
  flex-grow: 1;
  margin-left: 10px;
}
.image-name {
  font-weight: 500;
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 150px;
}
.image-url {
  font-size: 0.85em;
  color: #6c757d;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 150px;
}
.btn-group-sm .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}
.upload-area {
  border: 2px dashed #dee2e6;
  border-radius: 8px;
  padding: 30px;
  text-align: center;
  background: #f8f9fa;
  margin-bottom: 20px;
}
.upload-area:hover {
  border-color: #0d6efd;
  background: #e7f3ff;
}
#fileInput {
  display: none;
}

/* Mega Dropdown Styles */
/* Mega Dropdown Styles */
.activeISO-Tab {
  position: relative;
  color: var(--clr-purpleHeart) !important;
}
.activeISO-Tab::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: -5px;
  width: 110%;
  height: 2px;
  background-color: var(--clr-purpleHeart);
}

.mega-dropdown-menu {
  min-width: 300px;
  padding: 0;
  border-radius: 18px;
  border: none;
  background: linear-gradient(120deg, #f8faff 60%, #f3eaff 100%);
  box-shadow: 0 8px 32px rgba(60, 60, 120, 0.12);
  margin-top: 18px;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.mega-dropdown-content {
  display: flex;
  padding: 24px;
  gap: 45px;
}

.mega-dropdown-col {
  flex: 1;
  min-width: 180px;
}

.mega-dropdown-title {
  font-size: 14px;
  font-weight: 700;
  color: #888;
  margin-bottom: 18px;
}

.mega-dropdown-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.Ai-report-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 0;
  color: #222;
  font-size: 15px;
  border-radius: 6px;
  text-decoration: none;
  background: none;
  border: 4px solid transparent !important;
  width: 100%;
  text-align: left;
  transition: background 0.15s, color 0.15s;
  cursor: pointer;
}

.Ai-report-item:hover,
.Ai-report-item:focus,
.Ai-report-item.active {
  /* background: #e6eaff; */
  color: #3a3a7a;
  border: 4px solid transparent !important;
  text-decoration: none;
}
.Ai-checkList-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 0;
  color: #222;
  font-size: 15px;
  border-radius: 6px;
  text-decoration: none;
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  transition: background 0.15s, color 0.15s;
  cursor: pointer;
  border: 1px solid transparent;
}
.Ai-checkList-item:hover,
.Ai-checkList-item:focus,
.Ai-checkList-item.active {
  /* background: #e6eaff; */
  color: #3a3a7a;
  border: 1px solid transparent !important;
  text-decoration: none;
}

.mega-dropdown {
  position: relative;
}

/* Responsive for mobile */
@media (max-width: 900px) {
  .mega-dropdown-menu {
    width: 98vw;
    min-width: 0;
    left: 1% !important;
    transform: none !important;
  }
  .mega-dropdown-content {
    flex-direction: column;
    gap: 0;
    padding: 18px 8px;
  }
  .mega-dropdown-col {
    min-width: 0;
    margin-bottom: 18px;
  }
}

/* Hide default arrow, style custom arrow */
.dropdown-toggle::after {
  display: none !important;
}
.dropdown-arrow-icon {
  font-size: 18px;
  margin-left: 8px;
  vertical-align: middle;
}
.dropdown-toggle::after {
  display: none;
}
.main-dash.active {
  background-color: transparent !important;
  color: var(--clr-purpleHeart) !important;
  font-weight: 500;
  border-bottom: 4px solid var(--clr-purpleHeart) !important;
  border-radius: 4px !important;
}
.main-dash:hover {
  color: #383838cc;
}

/* drata-welcome-page-tabs */
.drata-welcome-page-tabs li button{
  color: rgba(56, 56, 56, 0.8);
  font-size: 1rem;
  font-weight: 600;
  position: relative;
}
.drata-welcome-page-tabs li button.active{
  color: var(--clr-purpleHeart);
}
.drata-welcome-page-tabs li button.active::after{
  content: "";
  position: absolute;
  bottom: -6px;
  left: -5px;
  width: 110%;
  height: 2px;
  border-radius: 10px;
  background-color: var(--clr-purpleHeart);
}
.drata-welcome-page-tabs {
}
.drata-welcome-page-tabs {
}