/********************** Engagement Dashboard ********************/
#StagesContent-wrap {
  top: 20px;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  padding-right: 10px;
}

#StagesContent-wrap::-webkit-scrollbar {
  width: 8px;
}

#StagesContent-wrap::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

#StagesContent-wrap::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}

#StagesContent-wrap::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

/* For Firefox */
#StagesContent-wrap {
  scrollbar-width: thin;
  scrollbar-color: #c1c1c1 #f1f1f1;
}
.Stage_assignee_name {
  cursor: pointer;
}
#date-time-main-stage {
  cursor: pointer;
}
.Engagement-mainWrap {
  background-color: #eaeff4;
  padding: 1rem;
  min-height: 100vh;
  /* overflow-x: scroll; */
}

/* 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;
}
/* 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;
}

/* Navigation scroll container */
.nav-scroll-container {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 5px;
}

/* Adjust scroll container when sidebar is expanded */
.Engagement-sidebar:hover .nav-scroll-container {
  padding-right: 10px;
}

.nav-scroll-container::-webkit-scrollbar {
  width: 6px;
}

.nav-scroll-container::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 3px;
}

.nav-scroll-container::-webkit-scrollbar-thumb {
  background: rgba(119, 115, 253, 0.3);
  border-radius: 3px;
}

.nav-scroll-container::-webkit-scrollbar-thumb:hover {
  background: rgba(119, 115, 253, 0.5);
}

/* For Firefox */
.nav-scroll-container {
  scrollbar-width: thin;
  scrollbar-color: rgba(119, 115, 253, 0.3) transparent;
}
.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: 18px;
  padding: 1.25rem 1.5rem;
  background-color: rgba(255, 255, 255, 0.38);
}
.ED-topBarWrap {
  display: flex;
  align-items: center;
  column-gap: 20px;
}
.topBar-Img {
  width: 45px;
}
.DashIcon {
  width: 12px;
}

/* 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;
}
.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%;
  word-break: break-word;
}

.ArticleTitleWrap {
  min-width: 0;
  overflow: hidden;
  flex: 1;
}

/* House of Evapuration */
.TableDesignHOE th,
.TableDesignHOE td {
  border: none !important;
  /* border-bottom: 1px solid #d6d5d5; */
}
.TableDesignHOE td {
  background-color: #ffffff8a;
  margin-bottom: 10px;
}
.TableDesignHOE tr td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.TableDesignHOE tr td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* House of Evapuration */
.HOE-table-body input[type="number"] {
  padding: 0.12rem 0.25rem;
  background-color: transparent;
}

.HOE-table-body input[type="number"].input-active {
  background-color: rgba(0, 0, 0, 0.05);
}

/* AI User Management */
.DC-Tabs {
  border: none;
  width: fit-content;
  margin: auto;
  display: flex;
  align-items: center;
  column-gap: 24px;
}
.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;
  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;
}
/* AI User Management */
.UploadFormBox {
  border-radius: 23px;
  border-bottom: 0.914px solid #ececee;
  background: rgba(255, 255, 255, 0.75);
}

.cm_control_feedback .table-responsive {
  overflow-x: auto;
}

.cm_control_feedback .text-container {
  position: relative;
  min-width: 200px; /* Minimum width for text columns */
}

.cm_control_feedback .ai-see-more-btn,
.cm_control_feedback .ai-see-less-btn {
  border: none !important;
  padding: 0 !important;
  margin-top: 5px;
}

.cm_control_feedback .ai-see-more-btn:hover,
.cm_control_feedback .ai-see-less-btn:hover {
  text-decoration: underline !important;
}

/* Table styling - only for cm_control_feedback */
.cm_control_feedback #aiAuditorTable {
  width: auto;
  min-width: 100%;
}

.cm_control_feedback #aiAuditorTable th,
.cm_control_feedback #aiAuditorTable td {
  padding: 8px 12px;
  vertical-align: top;
  white-space: normal;
  word-wrap: break-word;
  min-width: 120px;
}

/* Specific column minimum widths - only for cm_control_feedback */
.cm_control_feedback .company-col {
  min-width: 150px;
}
.cm_control_feedback .audit-compliance-partner {
  min-width: 150px;
}
.cm_control_feedback .date-col {
  min-width: 110px;
}
.cm_control_feedback .status-col {
  min-width: 80px;
  text-align: center;
}
.cm_control_feedback .control-desc-col {
  min-width: 300px;
}
.cm_control_feedback .ai-notes-col {
  min-width: 250px;
}
.cm_control_feedback .ai-script-col {
  min-width: 250px;
}
.cm_control_feedback .issue-note-col {
  min-width: 200px;
}

/* New Audits Section Styles - Modern Glassmorphism Design */
.new-audits-card {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  position: relative;
}

.new-audits-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.new-audits-card.has-new-audits::before {
  opacity: 1;
  animation: shimmer 2s ease-in-out infinite;
}

@keyframes shimmer {
  0%,
  100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}

.new-audits-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
}

.new-audits-card .card-header {
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 2rem 2rem 1.5rem;
  position: relative;
}

.new-audits-card .card-header h5 {
  color: #1a202c;
  font-weight: 700;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.new-audits-card .card-header h5 i {
  font-size: 1.75rem;
  background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}

.new-audits-card .badge {
  background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%) !important;
  color: #000 !important;
  font-weight: 600;
  padding: 0.5rem 1rem;
  border-radius: 50px;
  font-size: 0.875rem;
  animation: bounce 0.6s ease-out;
}

@keyframes bounce {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.new-audits-card .btn-outline-warning {
  background: transparent;
  border: 1px solid #ffc107;
  color: #ffc107;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.new-audits-card .btn-outline-warning:hover {
  background: #ffc107;
  color: #000;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(255, 193, 7, 0.3);
}

.new-audits-card .btn-outline-warning:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
}

.new-audits-card .btn-outline-warning:hover::before {
  left: 0;
}

.new-audits-card .btn-outline-warning:hover {
  color: #000;
  transform: translateY(-2px);
}

.new-audits-card .card-body {
  padding: 2rem;
}

/* Info alert styling for new audits section */
.new-audits-card .alert-info {
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  color: #718096;
  padding: 1.25rem 1.5rem;
  margin-bottom: 2rem;
  backdrop-filter: blur(10px);
}

.new-audits-card .alert-info i {
  color: #667eea;
  font-size: 1.125rem;
}

.new-audits-card .alert-info strong {
  color: #1a202c;
}

.new-audits-card .spinner-border {
  width: 3rem;
  height: 3rem;
  border-width: 0.3em;
  background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
  border: none;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.new-audits-card .table-responsive {
  border-radius: 16px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.new-audits-table {
  margin: 0;
  color: #1a202c;
}

.new-audits-table thead {
  background: rgba(0, 0, 0, 0.04);
}

.new-audits-table th {
  border: none;
  padding: 1.5rem 1.25rem;
  font-weight: 600;
  color: #1a202c;
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.new-audits-table td {
  border: none;
  padding: 1.5rem 1.25rem;
  vertical-align: middle;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.new-audits-table tbody tr {
  transition: all 0.3s ease;
  animation: fadeInUp 0.6s ease-out;
}

.new-audits-table tbody tr:hover {
  background: rgba(0, 0, 0, 0.03);
  transform: translateX(5px);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.audit-type-badge {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  color: white !important;
  padding: 0.5rem 1rem;
  border-radius: 50px;
  font-weight: 600;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.time-ago-badge {
  background: rgba(0, 0, 0, 0.06);
  color: #718096;
  padding: 0.375rem 0.75rem;
  border-radius: 50px;
  font-size: 0.8rem;
  font-weight: 500;
}

.acknowledge-btn {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  border: none;
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 50px;
  font-weight: 600;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.acknowledge-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}

.acknowledge-btn:hover::before {
  width: 300px;
  height: 300px;
}

.acknowledge-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(79, 172, 254, 0.3);
}

.acknowledge-btn:disabled {
  background: rgba(0, 0, 0, 0.1);
  color: #718096;
  transform: none;
  box-shadow: none;
}

/* No audits content styling */
.no-audits-content {
  text-align: center;
  padding: 4rem 2rem;
  color: #718096;
}

.no-audits-content i {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 1.5rem;
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

/* Loading content styling */
.loading-content {
  text-align: center;
  padding: 4rem 2rem;
}

.loading-content p {
  color: #718096;
  margin-top: 1rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .new-audits-card .card-header {
    padding: 1.5rem 1.5rem 1rem;
  }

  .new-audits-card .card-header h5 {
    font-size: 1.25rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  .new-audits-card .card-body {
    padding: 1.5rem;
  }

  .new-audits-table th,
  .new-audits-table td {
    padding: 1rem 0.75rem;
    font-size: 0.875rem;
  }

  .acknowledge-btn {
    font-size: 0.75rem;
    padding: 0.5rem 1rem;
  }
}

/* Report Issue Button Styling */
.report-issue-btn {
  background: transparent;
  border: 1px solid #dc3545;
  color: #dc3545;
  padding: 0.375rem 0.75rem;
  border-radius: 6px;
  font-weight: 500;
  font-size: 0.875rem;
  transition: all 0.3s ease;
}

.report-issue-btn:hover {
  background: #dc3545;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(220, 53, 69, 0.3);
}

.report-issue-btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}



.iso_cert_deci_container {
  max-width: 1200px;
  margin: 0 auto;
  background-color: white;
  padding: 40px;
}

.iso_cert_deci_text_center {
  text-align: center;
}

.iso_cert_deci_mb_5 {
  margin-bottom: 3rem;
}

.iso_cert_deci_mt_4 {
  margin-top: 1.5rem;
}

.iso_cert_deci_mb_4 {
  margin-bottom: 1.5rem;
}

.iso_cert_deci_width_15 {
  width: 15%;
}

.iso_cert_deci_img_fluid {
  max-width: 100%;
  height: auto;
}

.iso_cert_deci_row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.iso_cert_deci_col_md_3 {
  flex: 0 0 25%;
  max-width: 25%;
  padding-right: 15px;
  padding-left: 15px;
}

.iso_cert_deci_col_md_9 {
  flex: 0 0 75%;
  max-width: 75%;
  padding-right: 15px;
  padding-left: 15px;
}

.iso_cert_deci_col_md_12 {
  flex: 0 0 100%;
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.cert-deci-input{
display: inline-block;
max-width: 100%; 
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word; 
white-space: normal;
}
.cert-deci-input:focus,
.cert-deci-input:focus-visible{
outline: none;
border: none;
box-shadow: none;
}
.iso_cert_deci_custom_input {
  margin-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 15px;
}

.iso_cert_deci_custom_input label {
  font-weight: 600;
  color: #333;
  display: block;
  margin-bottom: 5px;
}

.iso_cert_deci_ps_1 {
  padding-left: 0.5rem;
  min-height: 25px;
  color: #555;
}

.iso_cert_deci_title {
  background-color: #5b9bd5;
  color: white;
  padding: 15px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.iso_cert_deci_table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  margin-bottom: 30px;
}

.iso_cert_deci_table thead {
  background-color: #5b9bd5;
  color: white;
}

.iso_cert_deci_table th {
  padding: 8px;
  text-align: left;
  font-weight: 600;
  font-size: 14px;
  background-color: #5b9bd5;
  color: white;
  border: 1px solid #dee2e6;
}

.iso_cert_deci_table td {
  padding: 12px;
  border: 1px solid #dee2e6;
  font-size: 13px;
  vertical-align: top;
  background-color: #ffffff;
  color: #333;
  min-width: 100px;
}

.iso_cert_deci_table tbody tr:nth-child(even) td {
  background-color: #f8f9fa;
}

.iso_cert_deci_table_header_blue {
  background-color: #5b9bd5 !important;
  color: white !important;
  font-weight: 600;
  text-align: center;
  border: 1px solid #5b9bd5;
}

.iso_cert_deci_select {
  width: 100%;
  padding: 6px 10px;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  font-size: 13px;
  background-color: white;
  color: #333;
  cursor: pointer;
}

.iso_cert_deci_select:focus {
  outline: 2px solid #5b9bd5;
  border-color: #5b9bd5;
}

.iso_cert_deci_fz_small {
  font-size: 0.875rem;
}

.iso_cert_deci_fz_large {
  font-size: 1.25rem;
}

.iso_cert_deci_notes_section {
  margin-top: 40px;
}

.iso_cert_deci_notes_section h4 {
  margin-bottom: 10px;
  color: #333;
}
.CustomTableDesign {
border: none;
border-collapse: separate;
border-spacing: 0 10px;
}
.CustomTableDesign tr {
background-color: rgba(238, 237, 237, 0.49);
}
.CustomTableDesign th{
border: none;
padding: 0.75rem 0.5rem !important
}
.CustomTableDesign td {
border: none;
padding:0px;
background-color: #FFF;
}

@media print {
  .iso_cert_deci_container {
      box-shadow: none;
  }
}



/* Monitoring Checklist Styles */

/* Main Container */
#monitoringChecklistDiv {
  font-family: var(--Inter);
}
.monitoring-container {
  padding: 30px 0px;
  color: #333;
  min-height: 500px;
}
.monitoring-section-group.hidden {
  display: none;
}
.monitoring-checklist-row.hidden {
  display: none !important;
}
.monitoring-row {
  transition: all 0.3s ease;
  /* overflow: hidden; */
  margin-bottom: 12px;
  /* border-radius: 12px; */
  background: transparent;
}
.monitoring-row-header {
  padding: 18px 20px;
}
.checklist-item {
  background: transparent !important;
}
.checklist-item:hover {
  background: transparent !important;
}
.monitoring-row.is-expanded .monitoring-details {
  display: flex;
}
.monitoring-row.is-expanded .monitoring-chevron {
  transform: rotate(90deg);
}
.monitoring-row .monitoring-row-header{
  border-radius: 12px;
}
.monitoring-row.is-expanded .monitoring-row-header{
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
} 
.monitoring-row.is-expanded .monitoring-details{
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.monitoring-details {
  display: none;
  padding: 25px 16px;
  background-color: rgba(165, 165, 165, 0.08);
}
.monitoring-chevron {
  display: flex;
  justify-content: center;
  transition: transform 0.2s;
  cursor: pointer;
  width: 15px;
  font-size: 12px;
  color: rgba(56, 56, 56, 1);
}
.monitoring-badge {
  padding: 3px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
}
.monitoring-badge-planning {
  background: rgba(124, 52, 255, 0.12);
  color: rgba(124, 52, 255, 1);
}

.monitoring-badge-procedures {
  background: rgba(0, 204, 255, 0.15);
  color: rgba(21, 156, 190, 1);
}

.monitoring-badge-report {
  background: rgba(192, 139, 32, 0.1);
  color: rgba(192, 139, 32, 1);
}
/* Column Layouts */
.monitoring-col-1 {
  flex: 1;
  transition: all 0.2s ease;
}
.monitoring-col-3 {
  flex: 3;
  transition: all 0.2s ease;
}
.monitoring-col-4 {
  flex: 4;
  transition: all 0.2s ease;
}
.monitoring-col-flex-center {
  display: flex;
  align-items: center;
  gap: 10px;
}
/* Maintain spacing when columns are hidden */
.monitoring-row-header > div[style*="display: none"],
.monitoring-details > div[style*="display: none"],
.monitoring-header-row > div[style*="display: none"] {
  flex: 0 !important;
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  /* overflow: hidden; */
  opacity: 0;
}
/* Status Button */
.monitoring-status-btn {
  cursor: pointer;
  background: #cbd5e1;
  padding: 8px 14px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 90px;
  transition: 0.2s;
}
.monitoring-status-btn.status-yes {
  background-color: #dcfce7;
  color: #166534;
}
.monitoring-status-btn.status-no {
  background-color: #fee2e2;
  color: #991b1b;
}
.monitoring-status-btn.status-n\/a {
  background-color: #fef9c3;
  color: #854d0e;
}
.monitoring-status-btn.status-pending {
  background-color: #f3f4f6;
  color: #6b7280;
}
/* Dropdown */
.monitoring-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background: white;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  padding: 8px;
  width: 120px;
  z-index: 1000;
  margin-top: 5px;
  border: 1px solid #ddd;
}
.monitoring-dropdown.show {
  display: block;
}
.monitoring-dropdown-option {
  padding: 8px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.monitoring-dropdown-option:hover {
  background: #f1f5f9;
}
/* Header */
.monitoring-header-row {
  display: flex;
  font-size: 13px;
  color: #383838;
  font-weight: 500;
  padding: 10px 20px;
  letter-spacing: 0.5px;
}

/* Filter Container */
.monitoring-filter-card {
  border: 1px solid rgba(169, 169, 169, 0.4);
  background-color: rgba(241, 241, 241, 1);
  border-radius: 12px;
  padding: 4px 5px;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  min-width: 450px;
}

.monitoring-filter-all-btn {
  background-color: transparent;
  color: rgba(74, 80, 104, 0.8);
  border-radius: 8px;
  padding: 4px 10px;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 500;
  border: none;
}

.monitoring-filter-all-btn.active {
  border: 1px solid rgba(169, 169, 169, 0.4);
  background-color: #fff;
  color: #6a2ce6;
}

.monitoring-filter-all-btn .MF-count {
  color: #fff;
  padding: 0px 5px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  background-color: #b9b9b9;
  display: inline-block;
}
.monitoring-filter-all-btn.active .MF-count {
  background-color: #6a2ce6;
}
.monitoring-severity-filters {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  flex-wrap: wrap;
}
.monitoring-severity-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-size: 14px;
  color: #383838;
}
.monitoring-severity-item.active {
  opacity: 1 !important;
  font-weight: 600;
}
.monitoring-severity-item:not(.active) {
  opacity: 0.5;
}
.monitoring-severity-icon {
  width: 15px;
  height: 15px;
  border-radius: 3px;
}
/* Sub Header */
.monitoring-sub-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 20px;
  padding: 0.75rem 1rem;
  border: 2px solid rgba(124, 52, 255, 0.12);
  background: #e5e8f4;
  font-size: 13px;
  color: #383838cc;
  position: sticky;
  top: 7px;
  z-index: 1;
  margin-bottom: 1rem;
}
/* filter-dropdown-container */
.filter-dropdown-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 10px;
  background: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  color: #374151;
  font-weight: 500;
}
.monitoring-checklist-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 8px;
  background: white;
  border: none;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  min-width: 200px;
  z-index: 1000;
  padding: 8px;
}
.monitoring-label {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  cursor: pointer;
  border-radius: 6px;
}
/* Progress Circle */
.monitoring-progress-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.monitoring-progress-circle::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #ffffff;
  z-index: 0;
}
.monitoring-progress-text {
  position: relative;
  z-index: 1;
  font-size: 9px;
  font-weight: bold;
}
.monitoring-completion-filter {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
/***************** Report Checker Issue Icons *****************/
.issue-high {
  background-color: #cf9606;
  border: 1px solid #cf9606;
}

.issue-medium {
  background-color: #1694c2;
  border: 1px solid #1694c2;
}

.issue-low {
  background-color: #0b8626;
  border: 1px solid #0b8626;
}

/* Responsive */
@media screen and (max-width: 900px) {
  .monitoring-filter-card {
    max-width: 450px;
  }
}

@media screen and (max-width: 500px) {
  .monitoring-filter-card {
    min-width: auto;
  }
}


#locations_table {
    font-size: 0.9rem;
}

#locations_table th {
    background-color: #f8f9fa;
    font-weight: 600;
    vertical-align: middle;
}

#locations_table td {
    vertical-align: middle;
}

#locations_table .form-control-sm,
#locations_table .form-select-sm {
    font-size: 0.875rem;
}

#locations_table textarea {
    resize: vertical;
    min-height: 50px;
}

.location-row:hover {
    background-color: #f8f9fa;
}