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