.highlight {
  background-color: rgba(255, 255, 0, 0.5); /* Yellow highlight */
   /*position: absolute;*/
} 

.btn-link:hover {
  text-decoration: underline; /* Underline on hover */
  color: #0056b3; /* Change text color on hover */
}

.list-group-item:hover {
  background-color: #f8f9fa; /* Change background color on hover */
}

.highlight-marker {
  position: absolute;
  background-color: rgba(255, 0, 0, 0.3);
  z-index: 5;
}

.ace_errorHighlight {
  background-color: rgba(255, 0, 0, 0.3);  /* Light red background */
  border: 1px solid red;  /* Optional: red border */
}


.file-comparison-container {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.editor-container {
  flex: 1;
  border: 1px solid #ccc;
}

.editor {
  height: 400px;
}

/* file-comparison.component.css */
.ace_added_line {
  background-color: #d4edda; /* Light green for added lines */
  position: absolute;
}

.ace_removed_line {
  background-color: #d7dff8; /* Light red for removed lines */
  position: absolute;
}

.ace_added_word {
  background-color: #8a1523; /* Green background for added words */
  border-radius: 2px;
  position: absolute;
}

.ace_removed_word {
  background-color: #f5c6cb; /* Red background for removed words */
  border-radius: 2px;
  position: absolute;
}

.ace_added {
  background-color: #d4ffd4 !important;
  position: absolute;
}

.ace_removed {
  background-color: #ffd4d4 !important;
  position: absolute;
}












