@charset "UTF-8";
input {
  outline: none !important;
}

select {
  outline: none !important;
}

textarea {
  outline: none !important;
}

.prevent-scroll {
  overflow: hidden;
}

.input {
  appearance: none;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  color: #363636;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  padding: 5px;
  text-align: left;
}

.button {
  background-color: #03bdc9;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  margin: 15px auto;
  padding: 10px;
  width: 100px;
}

.button:hover {
  background-color: #0297a0;
}

.gantt_row_actions_icon {
  height: 12px;
  margin: 0 4px;
  width: 12px;
}

.custom_gantt_stream {
  background: url("/images/project-entities/Stream_icon.svg") no-repeat;
  height: 1rem !important;
  margin: 6px !important;
  width: 1rem !important;
}

.custom_gantt_task-group {
  background: url("/images/project-entities/Task_Group.svg") no-repeat;
  height: 1rem !important;
  margin: 6px;
  width: 1rem !important;
}

.custom_gantt_task-group-milstone {
  background-image: url("/images/project-entities/milestone.svg");
  height: 1rem !important;
  margin: 6px;
  width: 1rem !important;
}

.gantt_task_line.taskgroup_milestone_class {
  border-radius: 12px;
}

/* Shared base */
.custom_gantt_icon_task,
.custom_gantt_icon_milestone,
.custom_gantt_icon_decision,
.custom_gantt_icon_question,
.custom_gantt_icon_assumption {
  background-repeat: no-repeat;
  background-position: center;
  transition: filter 0.2s ease, transform 0.2s ease;
}

/* Individual background images */
.custom_gantt_icon_task {
  background-image: url("/images/project-entities/task.svg");
}

.custom_gantt_icon_milestone {
  background-image: url("/images/project-entities/milestone.svg");
}

.custom_gantt_icon_decision {
  background-image: url("/images/project-entities/decision.svg");
}

.custom_gantt_icon_question {
  background-image: url("/images/project-entities/question.svg");
}

.custom_gantt_icon_assumption {
  background-image: url("/images/project-entities/assumption.svg");
}

/* Sizing for Gantt icons */
.gantt_tree_icon[class^=custom_gantt_icon_] {
  background-size: contain;
  width: 1rem !important;
  height: 1rem !important;
  cursor: pointer;
}

/* Hover effect */
.gantt_tree_icon[class^=custom_gantt_icon_]:hover {
  filter: brightness(1.3);
  transform: scale(1.1);
}

.bert-alert {
  color: #fff;
  z-index: 10001;
}

.gantt_tooltip {
  background-color: #17304c !important;
  color: white !important;
  padding: 10px !important;
  position: absolute !important;
  white-space: nowrap !important;
  z-index: 50 !important;
}

.empty-graph-message {
  background-color: yellow; /* Add a background color for visibility */
}

/* Critical path override */
.gantt_critical_task {
  background-color: #e63030 !important;
  border-color: #9d3a3a !important;
}

.table-container {
  padding-bottom: 60px;
  position: relative;
}

.mw-tooltip .tooltip-inner {
  max-width: 24rem;
  text-align: left;
}

.icon-contrast {
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
}

.chart-card-hover {
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;
  border: 1px solid transparent !important;
}

.chart-card-hover:hover {
  transform: translateY(-5px);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.15) !important;
  border-color: #20bdbe !important;
}

.approval-pending::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 6px;
  padding: 2px;
  background: linear-gradient(90deg, #ff004c, #00e5ff, #4caf50, #ff9800, #ff004c);
  background-size: 300% 300%;
  animation: borderAnim 3s linear infinite;
  /* ✅ This keeps the CENTER fully transparent */
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}

@keyframes borderAnim {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 300% 50%;
  }
}
.Change_Request_Details {
  max-height: calc(100vh - 140px); /* adjust top padding/header height */
  overflow-y: auto;
}

.Change-Request-Details_left-panel-container {
  max-height: calc(100vh - 140px); /* adjust top padding/header height */
  overflow-y: auto;
}