/* Custom Modal Style */
.modal-content {
  border-radius: 18px;
}
.ModalContent {
  border-radius: 18px;
  padding: 1.35rem 1.35rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(/static/Images/modal-bg-img.png);
  /* background-image: url("{{ url_for('client_dash_v3_bp.static', filename='Images/Egagement-Dash/modal-bg-img.png') }}"); */
  /* background-image: url("./Images/Egagement-Dash/modal-bg-img.png"); */
}
.ModalHead {
  display: flex;
  justify-content: space-between;
}

/* Select Stage Lead */
.MembersWrapper > div:not(:last-child) {
  border-bottom: 1px solid #dedede;
  padding-bottom: 6px;
}

/* Notes and Logs */
.NotesTabUL {
  gap: 24px;
  border-bottom: 1.09px solid #cbcbcb;
}
.TabsLink {
  padding: 0.4rem 1rem;
  font-weight: 500;
  border-radius: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  line-height: 21px;
}
.TabsLink.active {
  border-bottom: 2px solid #7c34ff;
  color: #7c34ff;
}
.TabsLink:focus {
  box-shadow: none;
}
.CancelButton {
  background: #e0dbdb83;
}
.InlineBadge {
  display: inline-block;
  padding: 0.1rem 0.5rem;
}

/* Add Manual TIme */
.dateTimeinput::-webkit-inner-spin-button,
.dateTimeinput::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

/* SD Generator */
.bg-gray-1 {
  background: rgba(129, 128, 128, 0.09);
}
.file-name {
  display: inline-block;
  max-width: 70px; /* Adjust the width based on your design */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.CheckInputSD {
  border-radius: 0.25em;
  float: left;
  margin-left: -1.5em;
  width: 0.9em;
  height: 0.9em;
  margin-top: 0.25em;
  accent-color: #7c34ff;
  border: 1px solid rgba(0, 0, 0, 0.25) !important;
  background-color: #fff !important;
}

/* Document Center Modal */
.DC-Tabs {
  border: none;
  /* border-radius: 18px; */
  /* border: 1.073px solid var(--grey-20, rgba(169, 169, 169, 0.2)); */
  /* background: rgba(255, 255, 255, 0.59); */
  width: fit-content;
  margin: auto;
  /* padding: 0.3rem 0.3rem 0.35rem; */
  display: flex;
  align-items: center;
  column-gap: 25px;
}
.DC-TabsButton {
  border: none !important;
  display: flex;
  align-items: center;
  column-gap: 6px;
  justify-content: center;
  padding: 0.3rem 1rem 0.4rem;
  border-radius: 12px !important;
  color:#383838CC;
  /* font-weight: 500; */
  font-weight: 500;
  background-color: transparent;
  transition: all 0s ease;
  font-size: 0.9rem;
  padding: 10px 5px;
  border-bottom: 3px solid transparent !important;
}
.DC-TabsButton.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;
}
.DC-TabsButton:hover {
  color:#383838CC;
}